Row
1、mainAxisAlignment:主軸布局方式,row主軸方向是水平方向

mainaxis.png
默認(rèn)值:MainAxisAlignment.start:
- start ,沿著主軸方向(水平方向)頂部對(duì)齊;
- end,沿著主軸方向(水平方向)底部對(duì)齊;
- center,沿著主軸方向(水平方向)居中對(duì)齊;
- spaceBetween ,沿著主軸方向(水平方向)平分剩余空間;
-
spaceAround,把剩余空間平分成n份,n是子widget的數(shù)量,然后把其中一份空間分成2份,放在第一個(gè)child的前面,和最后一個(gè)child的后面;
6.spaceEvenly,把剩余空間平分n+1份,然后平分所有的空間,請(qǐng)注意和spaceAround的區(qū)別;
2、crossAxisAlignment: 交叉軸的布局方式,對(duì)于row來說就是垂直方向的布局方式

mainaxis.png
默認(rèn)值:CrossAxisAlignment.center,默認(rèn)是水平居中
- start ,垂直主軸方向(垂直方向)頂部對(duì)齊;
- end,垂直主軸方向(垂直方向)底部對(duì)齊;
- center,垂直主軸方向(垂直方向)居中對(duì)齊;
- stretch ,垂直主軸方向(垂直方向)拉伸子child;
- baseline,這個(gè)要和textBaseline一起使用,;
3、textBaseline:字體的基線(基線這東西一直沒搞懂,具體詳見下一章Row,效果更明顯,垂直方向沒啥用,不明顯)

WX20181104-143705@2x.png
默認(rèn)值:是空的
- alphabetic ,用于對(duì)齊字母字符底部的水平線;
- ideographic,用于對(duì)齊表意字符的水平線,可以看出劉成下沉一點(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)、紅;