我对crossAxisAlignment
和mainAxisAlignment
感到困惑。有人可以简单地解释一下吗?
我对crossAxisAlignment
和mainAxisAlignment
感到困惑。有人可以简单地解释一下吗?
针对Row布局:
mainAxisAlignment
= 水平轴
crossAxisAlignment
= 垂直轴
针对Column布局:
mainAxisAlignment
= 垂直轴
crossAxisAlignment
= 水平轴
Row
/Column
与轴相关:
Row
水平方向Column
垂直方向mainAxisAlignment
是沿着该轴对齐项目的方式。 crossAxisAlignment
是沿着另一个轴对齐项目的方式。
Row
时,它的子项会水平排列,因此Row
的主轴是水平的。在Row
中使用mainAxisAlignment
可以让您水平对齐行的子项(例如左对齐、右对齐)。Row
的交叉轴是垂直的。因此,在Row
中使用crossAxisAlignment
可以定义其子项在垂直方向上的对齐方式。Column
中,则与之相反。列的子项默认情况下是从上到下垂直排列的。因此,它的主轴是垂直的。这意味着,在Column
中使用mainAxisAlignment
会垂直对齐其子项(例如顶部、底部),而crossAxisAlignment
则定义了该列中子项在水平方向上的对齐方式。在行主轴对齐方式中,水平方向运行,而交叉轴对齐方式垂直方向运行。 在列主轴对齐方式中,垂直方向运行,而交叉轴对齐方式水平方向运行。