Row
1、mainAxisAlignment:主軸布局方式,row主軸方向是水平方向
mainaxis.png
默認(rèn)值:MainAxisAlignment.start:
- start 观挎,沿著主軸方向(水平方向)頂部對齊;
- end,沿著主軸方向(水平方向)底部對齊;
- center券躁,沿著主軸方向(水平方向)居中對齊;
- spaceBetween ,沿著主軸方向(水平方向)平分剩余空間也拜;
-
spaceAround以舒,把剩余空間平分成n份,n是子widget的數(shù)量慢哈,然后把其中一份空間分成2份蔓钟,放在第一個(gè)child的前面,和最后一個(gè)child的后面卵贱;
6.spaceEvenly滥沫,把剩余空間平分n+1份,然后平分所有的空間键俱,請注意和spaceAround的區(qū)別佣谐;
2、crossAxisAlignment: 交叉軸的布局方式方妖,對于row來說就是垂直方向的布局方式
mainaxis.png
默認(rèn)值:CrossAxisAlignment.center,默認(rèn)是水平居中
- start 罚攀,垂直主軸方向(垂直方向)頂部對齊党觅;
- end,垂直主軸方向(垂直方向)底部對齊斋泄;
- center杯瞻,垂直主軸方向(垂直方向)居中對齊;
- stretch 炫掐,垂直主軸方向(垂直方向)拉伸子child魁莉;
- baseline,這個(gè)要和textBaseline一起使用募胃,旗唁;
3、textBaseline:字體的基線(基線這東西一直沒搞懂痹束,具體詳見下一章Row检疫,效果更明顯,垂直方向沒啥用祷嘶,不明顯)
WX20181104-143705@2x.png
默認(rèn)值:是空的
- alphabetic 屎媳,用于對齊字母字符底部的水平線;
- ideographic论巍,用于對齊表意字符的水平線烛谊,可以看出劉成下沉一點(diǎn),abc上浮了嘉汰,丹禀;
4、textDirection:文字布局方向
默認(rèn)值:沒有,
- TextDirection.ltr 湃崩,從左到右荧降;
- TextDirection.rtl,從右到做布局攒读;
5朵诫、verticalDirection:就是字child的垂直布局方向,向上還是向下薄扁,但是在row下這個(gè)不起作用
默認(rèn)值:VerticalDirection.down 也就是從上到下的布局
- down 剪返,從上向下布局,上圖示例我的代碼是紅邓梅、藍(lán)脱盲、黃;
- up日缨,反過來從下向上布局钱反,反過來就是黃、藍(lán)匣距、紅面哥;