React-native学习--Flex属性

React Native通过一个基于FlexBox的布局引擎，在所有移动平台上实现了一致的跨平台样式和布局方案。

FlexBox布局目前支持的属性有如下6个：

（1）flex

（2）flexDirection

（3）alignSelf

（4）alignItems

（5）justifyContent

（6）flexWrap

（1）flex属性

当一个元素定义了flex属性时，表示该元素是可伸缩的（flex的属性值大于0的时候才可伸缩）。

（2）flexDirection在React Native中只有两个属性值，row（横向伸缩）和column（纵向伸缩）。

（3）alignSelf

alignSelf的对齐方式主要有四种：flex-start、flex-end、center、auto、stretch。

（4）alignItems

alignItems是alignSelf的变种，跟alignSelf的功能类似，可用于水平居中。justifyContent用于垂直居中。