原创声明:本文为作者原创，未经允许不得转载，经授权转载需注明作者和出处
Flexbox可以在不同屏幕尺寸上提供一致的布局结构。一般来说，使用flexDirection、alignItems和 justifyContent三个样式属性就已经能满足大多数布局需求。这里有一份简易布局图
Flex-direction
flex-direction属性决定主轴的方向
Flex-Wap
默认情况下（flex-direction: row），项目都排在一轴线上。flex-wrap属性定义，如果一条轴线排不下，如何换行
justify-content
justify-content属性定义了项目在主轴上的对齐方式
align-items
align-items属性定义项目在交叉轴上如何对齐,它可取5个值。具体的对齐方式与交叉轴的方向有关
align-content
align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用.
React Native中的Flexbox的工作原理和web上的CSS基本一致，当然也存在少许差异。首先是默认值不同：flexDirection的默认值是column而不是row，alignItems的默认值是stretch而不是flex-start，以及flex只能指定一个数字值。
共6条评论
Ctrl+Enter
