react native ant design

Drawer is a panel that displays the app's navigation options on the left edge of the screen

在点击控件或者某个区域后，浮出一个气泡菜单来做更多的 *** 作。 如果设置了遮罩层，建议通过点击遮罩层的任一位置，进行退出。

分隔长列表，每次只加载一个页面。

由至少 2 个分段控件组成，用作不同视图的显示；是 iOS 的推荐组件。

规则

用于让用户在不同的视图中进行切换。

位于 APP 底部，方便用户在不同功能模块之间进行快速切换。

点击后会触发一个 *** 作。

复选框

DatePickerView 的功能类似于 DatePicker ，但它是直接渲染在区域中，而不是d出窗口。

用于选择日期或者时间。

用于接受单行文本。

注意：只是选择器，一般用于上传前的文件选择 *** 作，但不包括上传的功能

权限相关的问题可以移步至： >

在flex容器中默认存在两条轴，水平主轴（main axis）和垂直的交叉轴（cross axis），这是默认的设置，你可以自主改变主轴和交叉轴。

在容器中的每个单元块被称为flex item，每个项目占据的主轴空间为（main size），占据的交叉轴的空间称为（cross size）。

默认值：row，主轴为水平方向，起点在左端。

row-reverse:主轴为水平方向，起点在右端

column:主轴为垂直方向，起点在上沿

column-reverse: 主轴为垂直方向，起点在下沿

默认情况下，项目都排在主轴线上，使用flex-wrap可实现项目的换行

默认值： nowrap不换行，即当主轴尺寸固定时，当空间不足时，项目尺寸会随之调整而不会挤到下一行

wrap: 项目主轴总尺寸超出容器时换行，第一行在上方

wrap-reverse:换行，第一行在下方

建立在主轴为水平方向时测试，即flex-direction: row

默认值：flex-start 左对齐

flex-end:右对齐

center：居中

space-between:两端对齐，项目之间的间隔相等，即剩余空间等分成间隙

space-around：每个项目两侧的间隔相等，所以项目之间的间隔比项目与边缘的间隔大一倍。

建立在主轴为水平方向时测试，即flex-direction: row

默认值为stretch即如果项目未设置高度或者设为auto，将占满整个容器的高度。

假设容器高度设置为100px，而项目都没有设置高度的情况下，则项目的高度也为100px。

flex-start：交叉轴的起点对齐

假设容器高度设置为100px，而项目分别为20px，40px，60px，80px，100px，则如上图显示。

flex-end：交叉轴的终点对齐

center:交叉轴的中心对齐

baseline：项目的第一行文字的基线对齐

以文字的底部为主，仔细看图可以理解。

这个可以这样理解：

当你flex-wrap设置为nowrap的时候，容器仅存在一根轴线，因为项目不会换行，就不会产生多条轴线。

当你flex-wrap设置为wrap的时候，容器可能会出现多条轴线，这时候你就需要去设置多条轴线之间的对齐方式了。

建立在主轴为水平方向时测试，即flex-direction:row,flex-wrap: wrap

默认值为stretch，看下图的图就很好理解了

从图可以看出又三条轴线（因为容器宽度有限），当值为stretch时会三条轴线平分容器的垂直方向上的空间。

值得注意的是，虽然在每条轴线上项目的默认值也为stretch，但是由于我每个项目我都设置了高度，所以它3并没有撑开整个容器。如果项目不设置高度的话就会变成下面这样：

这个我在前面也有提到（align-items），这里重点还是理解三条轴线会评分垂直轴上的空间。

flex-start：轴线全部在交叉轴上的起点对齐

flex-end:轴线全部在交叉轴上的终点对齐

center：轴线全部在交叉轴上的中间对齐

space-between: 轴线两端对齐，之间的间隔相等，即剩余空间等分成间隙。

space-around：每个轴线两侧的间隔相等，所以轴线之间的间隔比轴线与边缘的间隔大一倍。

到这里关于容器上的所有属性都讲完了

flex在RN中只能为整数值

引用：

react、ts、braft-editor

最近有一个需要使用富文本的需求，在网上找到了braft-editor，这是一个文档比较全面，使用灵活、简单的富文本编辑器。具体使用可以参考官方文档。

braft-editor官网：

>

以上就是关于react native ant design全部的内容，包括:react native ant design、react获取多个radio、React-Native Flex布局整理等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！