Flutter 轴的使用-- crossAxisAlignmen

• mainAxisAlignment -- 主轴
• crossAxisAlignment -- 交叉轴

这个属性一般与Row，Column连用。
如果使用布局方式为Row，则mainAxisAlignment方向为row方向，即横向，crossAxisAlignment 轴方向为纵向。
如布局使用Colum, 则mainAxisAlignment方向为column方向，即纵向，crossAxisAlignment 轴方向为横向。
总之，mainAxisAlignment 为主轴方向，crossAxisAlignment为交叉轴方向。

• 属性

  
  截屏2020-07-08下午5.47.22.png

mainAxisAlignment、crossAxisAlignment 的设值为枚举值，

mainAxisAlignment: MainAxisAlignment.spaceBetween,

• start : 将children放置在主轴的起点；

• end : 将children放置在主轴的终点；

• center : 将children放置在主轴的中间位置；

• spaceBetween : 将主轴方向上的空白区域均分，使得children之间的空白区域相等，首尾child都靠近首尾，没有间隙；

• spaceAround : 将主轴方向上的空白区域均分，children之间的空白区域相等，但是首尾间距为children间距的1/2

• spaceEvenly : 将主轴方向上的空白区域均分，使得children之间的空白区域相等，包括首尾child；