垂直布局时:y轴为主轴,x轴为副轴!
水平布局时:x轴为主轴,y轴为副轴!
MainAxisAlignment(主轴)和CrossAxisAlignment(交叉轴)常用于Row和Column控件中,主要是用来控制子控件排列的位置,并可以配合textDirection和verticalDirection属性来控制子控件排列的方向及改变MainAxisAlignment和CrossAxisAlignment的起始位置。
垂直布局.png 水平布局.pngMainAxisSize.min : 主轴方向,包裹住 children即可
MainAxisSize.max: 主轴方向,铺满 ( Row 或者 Column )的父 Widget 的大小。
MainAxisAlignment.center: 控件居中;
MainAxisAlignment.spaceEvenly: 将主轴空白区域均分,使各个子控件间距相等
MainAxisAlignment.spaceBetween:将主轴空白位置进行均分,排列子元素,首尾子控件距边缘没有间隙。
网友评论