Flutter学习

it2022-05-05  165

主轴和辅轴

在水平方向控件中,例如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,

最新回复(0)