颤振crossAxisAlignment与mainAxisAlignment

jee*_*pal 19 flutter flutter-layout

我对crossAxisAlignment和感到困惑mainAxisAlignment。谁能用简单的话解释一下?

Cop*_*oad 45

对于行:

mainAxisAlignment=水平轴
crossAxisAlignment=垂直轴

在此处输入图片说明


对于列:

mainAxisAlignment=垂直轴
crossAxisAlignment=水平轴

在此处输入图片说明

图片来源


Rém*_*let 6

Row/Column与轴相关联:

  • 卧式用于Row
  • 垂直用于Column

mainAxisAlignment是项目在该轴上对齐的方式。crossAxisAlignment是项目在另一个轴上对齐的方式。


Ell*_*Zou 5

这两张图很清楚的展示了MainAxisAlignment和CrossAxisAlignment的含义。

在此处输入图片说明

在此处输入图片说明

(图片来自网络)


Tuh*_*hin 5

昂赛普

取决于您想如何将内容显示在屏幕上。我们需要使用 mainAxis 和 CrossAxis 对齐属性。

有关更多基本布局概念:https://flutter.dev/docs/codelabs/layout-basics