Flexbox
Flex布局意思為彈性布局，他使用起來非常的友善。
他主要有以下幾種屬性
flexDirection //設定主軸方向 flexWrap //設定是否換行 justifyContent //主軸對齊方式 alignItems //交叉軸對齊方式
我們将上一篇中的布局樣式修改一下，來介紹flex布局的主要屬性。
可以看到Text和Image是豎直排列的，下面将其改為水準排列，隻需要在style添加一行
即可
如圖所示，要決定主軸的方向（水準、垂直），可以按照如下設定
這個屬性用于設定是否換行，預設為nowrap，即不換行，為了示範，将圖檔改小，添加多幾個Text。
此時，添加flexWrap屬性
發現已經成功換行。
如圖所示，要決定是否換行，可以按照如下設定
這個屬性用于視圖在主軸上的對其方式，主要有如下幾種
順序效果如下：
注意仔細區分between和around的差別。
這個屬性是指主軸的交叉軸的對其方式(X,Y軸對應)，主要有以下幾種
為了區分我給text加了背景 注意其細微的差別
到此，Flex的常用屬性就已經介紹完畢了
下面我們設計以下布局，将文字放到海報的右方。因為整體水準排列，内部垂直排列，是以我們需要多加一個容器将兩個Text包裹起來（Android對比LinearLayout嵌套）。修改之後的代碼如下：
style如下
現在界面已經如下所示了：
嗯嗯 感覺不錯。今天就到這裡吧。