FlexBox布局
屬性1:flexDirection
row:按行進(jìn)行排列
column:按列進(jìn)行排列
屬性2:justifyContent-在組件的style中指定justifyContent可以決定其子元素沿著主軸的排列方式智亮。
flex-start：伸縮項(xiàng)目與父容器左端靠齊忆某。
flex-end：與父容器右端靠齊。
center：水平居中阔蛉。
space-between：第一個(gè)子組件位于父容器左端弃舒，最后一個(gè)子組件位于父容器最右端。然后平均分配在父容器水平方向上。
space-around：所有子組件平均分配在父容器的水平方向上聋呢，左右都有留隙苗踪。
屬性3:alignItems -決定其子元素沿著次軸（與主軸垂直的軸，比如若主軸方向?yàn)閞ow削锰，則次軸方向?yàn)閏olumn）的排列方式
flex-start：與父組件的頂部對(duì)齊
flex-end：與父組件的底部對(duì)齊
center：處于父容器的中間位置
stretch：豎直上填充整個(gè)容器
屬性4:alignSelf-設(shè)置子控件自身在父控件的對(duì)齊方式
auto:按照自身設(shè)置的寬高來(lái)顯示通铲，如果沒(méi)設(shè)置，效果跟streth一樣器贩。
flex-start:與父容器頂部對(duì)齊颅夺。
flex-end:與父容器底部對(duì)齊。
center:位于垂直位置蛹稍。
streth:垂直拉伸吧黄。
屬性4: flex-設(shè)置伸縮項(xiàng)目的伸縮樣式
如果在同一個(gè)父控件中,沒(méi)設(shè)置寬度的幾個(gè)控件按行排列,設(shè)置flex為1，2唆姐，4
flex為2的組件寬度為flex為1寬度的兩倍拗慨，flex為4組件寬度則為flex為1的組件寬度的4倍。
解釋：justifyContent指順著指定的主軸進(jìn)行排列－－可以理解為如果指定主軸（即derection）為row奉芦，即為子控件在X軸上面一個(gè)一個(gè)依次排列赵抢，并且在X軸上面的排列方式為指定的方式。
例：指定direction為row声功，jsutifyContent為center昌讲，alignItems為center。我理解的是把3個(gè)控件放好减噪，放好后看作一個(gè)整體短绸，放在主軸的中心（center），次軸的中心（center）
例：指定direction為row筹裕，jsutifyContent為flex－start醋闭，alignItems為center。我理解的是把3個(gè)控件放好朝卒，放好后看作一個(gè)整體证逻，放在主軸的左邊（flex－start），次軸的中心（center）
