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只能指定一個數字值。