Flexbox布局

flex：使組件在可利用的空間內動態地擴張或收縮。flex：1會使組件撐滿空間。當有多個組件都指定了flex的值，那麽誰的flex值大誰占得空間就大，占得大小的比例就是flex值的比例。

flexDirection:決定子元素的排列方向（縱向或者橫向），手機中默認是縱向，有兩個值，column或者row

justifyContent:決定子元素沿主軸的排列方式，決定子元素是靠近主軸的起始端、末尾端、中間、還是均勻分布，有幾個可選項，flex-start,center,flex-end,space-around,space-between

alignItems：決定子元素沿次軸的排列方式（如果主軸方向是column，那麽次軸方向就是row），以主軸方向為column舉例，可以決定靠左、居中、還是靠右，flex-start,stretch,flex-end

總結一下：

flex參數決定組件本身在父組件中的排列方式。

flexDirection, justifyContent, alignItems決定子元素的排列方式。

React Native，flexbox布局