關(guān)于FlexBox布局，我的理解上，先確定以誰為主，誰未次，然后根據(jù)主次方向開始布局。
ReactNative中文網(wǎng)文檔：http://reactnative.cn/docs/0.46/layout-with-flexbox.html#content
根據(jù)官方文檔總結(jié)：
React Native中使用flexbox規(guī)則來指定某個組件的子元素的布局，flexbox布局樣式有三種，flexDirection、justifyContent和alignItems。
1.flexDirection（確定主軸）：在組件的style中指定flexDirection可以決定布局的主軸。子元素是應(yīng)該沿著水平軸(row)方向排列，還是沿著豎直軸(column)方向排列呢？默認(rèn)值是豎直軸(column)方向。
2.justifyContent（主軸排列方式）：在組件的style中指定justifyContent可以決定其子元素沿著主軸的排列方式。
?? 對應(yīng)的屬性值有：flex-start、center、flex-end、space-around以及space-between
△ flex-start：
△ center：
△ flex-end：
△ space-around：
△ space-between：
3.Align Items（次軸排列方式）：在組件的style中指定alignItems可以決定其子元素沿著次軸（與主軸垂直的軸，比如若主軸方向為row，則次軸方向為column）的排列方式。
?? 對應(yīng)的屬性值有：flex-start、center、flex-end以及stretch。
==》因為ReactNative默認(rèn)主軸是column方向。所以以下示例主軸是默認(rèn)方向。
