MainAxisAlignment和CrossAxisAlignment通常用于Row和Column组件中，可以指定子组件的排列位置， 是一个十分常用的功能。

MainAxisAlignment是与当前控件方向一致的轴，CrossAxisAlignment是与当前控件方向垂直的轴。

换个角度用flex布局来解释他们之间的关系。

容器设置了display: flex;的属性，row组件就相当于设置：flex-direction: row; Column组件就相当于设置：flex-direction: column;

而我们的MainAxisAlignment就类似于justify-content，然后可以设置相应的属性。CrossAxisAlignment就类似于align-items。

从这一块入手，前端就很容易理解这一块的东西能干什么了，无非就是API需要记一下而已。