最近在学习react-native，在做项目过程中发现可用的样式真的少的可怜呀，很多想法不能通过css来实现，开发体验也是蛮痛苦的。
react-native 布局的核心是flex，这块还是蛮愉快的，不需要考虑兼容性，但跟web的flex还是有些区别。
下面记录会用到的react-native会用到的flex属性。
flexDirection
该属性可以指定主轴的方向
可用值：
row、column
!!! 注意和 Web 不同，React Native 默认的是 column
justifyContent
该属性用来定义伸缩项目沿主轴线的对齐方式
可用值：
flex-start、flex-end、center、space-between、space-around
alignItems
该属性用来定义伸缩项目在伸缩容器的交叉轴上的对齐方式
可用值：
flex-start、flex-end、center、stretch
flexWrap
该属性主要用来指定伸缩容器的主轴线方向空间不足的情况下，是否换行以及如何换行
可用值：
nowrap、wrap
flex
该属性定义伸缩项目的放大比例，默认值是 0。
alignSelf
该属性用来设置单独的伸缩项目在交叉轴上的对齐方式，会覆盖默认的对齐方式
可用值：
auto、flex-start、flex-end、center、stretch