Flex 布局
1.flexDirection （主軸方向）
在組件的style中指定flexDirection可以決定布局的主軸。子元素是應(yīng)該沿著水平軸(row)方向排列，還是沿著豎直軸(column)方向排列呢？默認(rèn)值是豎直軸(column)方向。
column ：豎直軸
row ：水平軸
2.alignItems（主軸的排列方式）
在組件的style中指定justifyContent可以決定其子元素沿著主軸的排列方式础爬。子元素是應(yīng)該靠近主軸的起始端還是末尾段分布呢？亦或應(yīng)該均勻分布吼鳞？對應(yīng)的這些可選項(xiàng)有：flex-start看蚜、center、flex-end赔桌、space-around以及space-between供炎。
flex-start、
center疾党、
flex-end音诫、
space-around
space-between。
- justifyContent（次軸的排列方式）
在組件的style中指定alignItems可以決定其子元素沿著次軸（與主軸垂直的軸雪位，比如若主軸方向?yàn)閞ow竭钝，則次軸方向?yàn)閏olumn）的排列方式。子元素是應(yīng)該靠近次軸的起始端還是末尾段分布呢？亦或應(yīng)該均勻分布香罐？對應(yīng)的這些可選項(xiàng)有：flex-start卧波、center、flex-end以及stretch庇茫。
flex-start幽勒、
center、
flex-end
stretch 注意：要使stretch選項(xiàng)生效的話港令，子元素在次軸方向上不能有固定的尺寸
