我对crossAxisAlignment
和mainAxisAlignment
感到困惑。有人可以用简单的话来解释吗?
对于行:
mainAxisAlignment
=水平轴
crossAxisAlignment
=垂直轴
对于列:
mainAxisAlignment
=垂直轴
crossAxisAlignment
=水平轴
Row
/ Column
与轴相关联:
Row
Column
mainAxisAlignment
是项目在该轴上对齐的方式。 crossAxisAlignment
是项目在另一个轴上对齐的方式。
当你使用Row
时,它的孩子们被排成一排,这是水平的。所以Row
的主轴是水平的。在mainAxisAlignment
中使用Row
可让您水平对齐行的子项(例如,左,右)。 Row
主轴的横轴是垂直的。因此,在crossAxisAlignment
中使用Row
可以定义其子项如何垂直对齐。
在Column
,情况正好相反。列的子项从上到下垂直布局(默认情况下)。所以它的主轴是垂直的。这意味着,在mainAxisAlignment
中使用Column
将其子项垂直对齐(例如,顶部,底部),crossAxisAlignment
定义子项在该列中水平对齐的方式。