Flutter学习

主轴和辅轴

在水平方向控件中，例如Row
MainAxisAlignment是水平的，默认起始位置在左边，排列方向为从左至右，
此时可以通过textDirection来改变MainAxisAlignment的起始位置和排列方向

CrossAxisAlignment是垂直的，默认起始位置在中间，排列方向为从上至下，
此时可以通过verticalDirection来改变CrossAxisAlignment的起始位置及排列方向

在垂直方向的控件中，例如Column
MainAxisAlignment是垂直的，默认起始位置在上边，排列方向为从上至下，
此时可以通过verticalDirection来改变MainAxisAlignment的起始位置及排列方向
CrossAxisAlignment是水平的，默认起始位置在中间，
此时可以通过textDirection来改变CrossAxisAlignment的起始位置

// Row 主轴为横向 辐轴为纵向 
// Column 主轴为纵向 辐轴为横向
// 将主轴空白区域均分，使中间各个子控件间距相等，首尾子控件距边缘间距为中间子控件间距的一半
 mainAxisAlignment: MainAxisAlignment.spaceAround,
// 将主轴空白位置进行均分，排列子元素，首尾子控件距边缘没有间隙
mainAxisAlignment: MainAxisAlignment.spaceBetween,
// 将主轴空白区域均分，使各个子控件间距相等
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
// 使子控件填满交叉轴(Row 填满纵向 Column 填满横向)
crossAxisAlignment: CrossAxisAlignment.stretch,