RN-flexbox(弹性布局)

flexbox布局由伸缩容器和伸缩项目组成。任何一个元素都可以指定为flexbox布局。伸缩容器的子元素称为伸缩项目。下面看一张伸缩布局图：

注意：在RN，默认的主轴方向和交叉轴方向是跟web端相反的，即主轴默认在y轴。

属性：

伸缩容器的属性：display,flex-direction,flex-wrap,flex-flow,justify-content,align-items,align-content

在React-Navive中使用flexbox,目前只支持以下几种属性：

1.alignItems:item在交叉轴上的对齐方式

alignItems:flex-start | flex-end | center | stretch

2.alignSelf:设置item自己在交叉轴上的对齐方式，会覆盖默认的对齐方式

alignSelf: auto | flex-start | flex-end | center | stretch

3.flex

4.flexDirection:定义主轴线的方向

flexDirection:row | column(default)

5.flexWrap:是否换行

flexWrap:wrap | nowrap

6.justifyContent:item在主轴线的对齐方式

justifyContent:flex-start | flex-end | center | space-between | space-around