- mainAxisAlignment -- 主軸
- crossAxisAlignment -- 交叉軸
這個(gè)屬性一般與Row,Column連用幅慌。
如果使用布局方式為Row,則mainAxisAlignment方向?yàn)閞ow方向胰伍,即橫向,crossAxisAlignment 軸方向?yàn)榭v向祷杈。
如布局使用Colum, 則mainAxisAlignment方向?yàn)閏olumn方向渗饮,即縱向,crossAxisAlignment 軸方向?yàn)闄M向抽米。
總之,mainAxisAlignment 為主軸方向云茸,crossAxisAlignment為交叉軸方向。
-
屬性
截屏2020-07-08下午5.47.22.png
mainAxisAlignment懊纳、crossAxisAlignment 的設(shè)值為枚舉值,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
start : 將children放置在主軸的起點(diǎn)嗤疯;
end : 將children放置在主軸的終點(diǎn);
center : 將children放置在主軸的中間位置茂缚;
spaceBetween : 將主軸方向上的空白區(qū)域均分,使得children之間的空白區(qū)域相等龟糕,首尾child都靠近首尾悔耘,沒(méi)有間隙讲岁;
-
spaceAround : 將主軸方向上的空白區(qū)域均分衬以,children之間的空白區(qū)域相等缓艳,但是首尾間距為children間距的1/2
spaceEvenly : 將主軸方向上的空白區(qū)域均分看峻,使得children之間的空白區(qū)域相等,包括首尾child备籽;