ReactNative Flexbox布局

1、flexDirection

决定布局的主轴（水平轴x）

默认值是竖直轴(column)

决定子元素是应该沿着水平轴(row)方向排列，还是沿着竖直轴(column)方向排列。

2、justifyContent

其子元素沿着主轴（水平轴x）的排列方式

选项有：flex-start、center、flex-end、space-around以及space-between。

3、alignItems

决定其子元素沿着次轴（垂直轴y）的排列方式。

选项有：flex-start（起始端）、center、flex-end（末尾段）以及stretch（均匀分布，子元素在次轴方向上不能有固定的尺寸）。