React native-flex

1.flex按照比例来布局试图

2.flexDirection:'column'试图竖着排列，flexDirection:'row'横着排列

3.flexWrap:'nowrap' ,nowrap不换行，wrap换行

4.justifyContent:'space-around' ，还有个space-between

5.alignItems:'flex-start'  flex-end ,  center , stretch.

streth为拉伸属性，只有子组件没有宽活着高时才会拉伸。

6.alignSelf:'center' 写在子组件里面，控制单个组件的位置

7.使用position属性，flex属性就失效.

relative为相对布局，absolute为绝对布局,相对占位是相对于原来位置移动，后面的组件依旧按照初始位置往后排列，绝对位置是改变了组件位置，后面的组件会替代原来组件的位置替补上去。

重：justifyContent服务于主轴，alignItems服务于交叉轴，flexDirection的方向就是主轴的方向