佈局類Widget Row和Column

最外側對組件進行佈局的大容器

線形佈局Row、Column

Row(
  textDirection:TextDirection.ltr,//子widget排序
  mainAxisSize: MainAxisSize.max,//ROW在主軸方向佔用空間
  mainAxisAlignment:MainAxisAlignment.start,
//子widget在ROW所佔用水平空間內對齊方式
  verticalDirection:VerticalDirection.down,//ROW縱軸的對齊方式
  crossAxisAlignment:crossAxisAlignment.start,//子widget在縱軸的對齊方式
  children:[],//子widget數組
)

mainAxisSize：MainAxisSize.max(默認，佔據主軸最大) || MainAxisSize.min（根據全部子widget寬度確認ROW的寬度）

mainAxisAlignment:MainAxisAlignment.start(end、center)；會根據textDirection取值斷定

MainAxisAlignment:
    center:主軸居中對齊
    end:主軸末尾
    spaceAround:空白區域平分，第一個和最後一個是一半
    spaceBetween:首尾沒間隙，其餘空白區域平分
    spaceEvenly:總體平分
    start:從起點開始

verticalDirection:VerticalDirection.up(down);縱軸上起始位置

crossAxisAlignment:CrossAxisAlignment.start(end、center)；在縱軸上的對齊方式

CrossAxisAlignment:
    baseline:
    center
    end
    stretch
    start

 

特殊：若是Row裏面嵌套Row，或者Column裏面再嵌套Column，那麼只有對最外面的Row或Column會佔用盡量大的空間，裏面Row或Column所佔用的空間爲實際大小

expanded只能放在flex widget中

expanded：child

Container：child