1、mainAxisAlignment:主轴布局方式,row主轴方向是水平方向
默认值:MainAxisAlignment.start:
-
start ,沿着主轴方向(水平方向)顶部对齐;
-
end,沿着主轴方向(水平方向)底部对齐;
-
center,沿着主轴方向(水平方向)居中对齐;
-
spaceBetween ,沿着主轴方向(水平方向)平分剩余空间;
-
spaceAround,把剩余空间平分成n份,n是子widget的数量,然后把其中一份空间分成2份,放在第一个child的前面,和最后一个child的后面;
-
spaceEvenly,把剩余空间平分n+1份,然后平分所有的空间,请注意和spaceAround的区别;
2、crossAxisAlignment: 交叉轴的布局方式,对于row来说就是垂直方向的布局方式
默认值:CrossAxisAlignment.center,默认是水平居中
-
start ,垂直主轴方向(垂直方向)顶部对齐;
-
end,垂直主轴方向(垂直方向)底部对齐;
-
center,垂直主轴方向(垂直方向)居中对齐;
-
stretch ,垂直主轴方向(垂直方向)拉伸子child;
-
baseline,这个要和textBaseline一起使用,;
3、verticalDirection:就是字child的垂直布局方向,向上还是向下,但是在row下这个不起作用
默认值:VerticalDirection.down 也就是从上到下的布局
down ,从上向下布局,上图示例我的代码是红、蓝、黄;
up,反过来从下向上布局,反过来就是黄、蓝、红;
作者:liu_520
链接:https://www.jianshu.com/p/c0cb06c060a9