Flutter widget - Flex 的使用

同 LinearLayout,屬性direction 決定 children 的排列方向

verticalDirection:(佈局垂直排列方向)

指定主軸的方向,默認down

down 從上到下(上始下末) up:從下到上(下始上末)

mainAxisAlignment (垂直對齊方式)

主軸對齊方式:

start 頭對齊 ,end 尾對齊 ,center 中對齊

spaceAround 將空閒空間均勻地放置在孩子之間,始和末的空閒空間爲一半。

spaceBetween 將空閒空間均勻地放在孩子們之間,始和末沒有空閒空間。

spaceEvenly 將空閒空間均勻地放置在孩子之間,始和末有同樣空閒空間

textDirection-水平排列方向

ltr 從左到右 左始右末(默認) , rtl 從右到左,右始左末

crossAxisAlignment(水平對齊方式)

end 尾對齊 , start 頭對齊 ,center 中間對齊

baseline 基線匹配

stretch 要求孩子填滿橫軸

需要注意的是,Flex 直接嵌套 Flex時,子Flex 的 direction 需跟父級的direction不一樣.(不然就沒意義了)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章