Flutter mainAxisAlignment和crossAxisAlignment

垂直布局时:y轴为主轴,x轴为副轴!
水平布局时:x轴为主轴,y轴为副轴!

MainAxisAlignment(主轴)和CrossAxisAlignment(交叉轴)常用于Row和Column控件中,主要是用来控制子控件排列的位置,并可以配合textDirection和verticalDirection属性来控制子控件排列的方向及改变MainAxisAlignment和CrossAxisAlignment的起始位置。

Flutter mainAxisAlignment和crossAxisAlignment_第1张图片
垂直布局.png
Flutter mainAxisAlignment和crossAxisAlignment_第2张图片
水平布局.png

MainAxisSize.min : 主轴方向,包裹住 children即可

MainAxisSize.max: 主轴方向,铺满 ( Row 或者 Column )的父 Widget 的大小。
MainAxisAlignment.center: 控件居中;
MainAxisAlignment.spaceEvenly: 将主轴空白区域均分,使各个子控件间距相等
MainAxisAlignment.spaceBetween:将主轴空白位置进行均分,排列子元素,首尾子控件距边缘没有间隙。

参考文章
参考代码

你可能感兴趣的:(Flutter mainAxisAlignment和crossAxisAlignment)