如何在 Flutter 中更改小部件及其所有后代的对齐方式？答案

【问题标题】：How do I change the alignments of a widget and all of its descendants in Flutter?如何在 Flutter 中更改小部件及其所有后代的对齐方式？
【发布时间】：2023-01-21 11:21:01
【问题描述】：

我想将我所有的小部件对齐到我的应用程序的左上角。要做到这一点，我似乎必须一直用 Align() 将它们包裹起来。我想用一些东西包裹树的顶部一次，使它下面的所有内容都与 Alignment.topLeft 对齐。

这是我的代码：

                Column(
                  children: [
                    Align(
                        alignment: Alignment.topLeft,
                        child: Text(
                            "Average Time: ${avg(_askTimesMs).round()}ms")),
                    Align(
                        alignment: Alignment.topLeft,
                        child: Text("Timings (ms): $_askTimesMs")),
                  ],
                ),

从概念上讲，这是我想要的代码：

                AlignDescendents(
                  alignment: Alignment.topLeft,
                  child: Column(
                    children: [
                      Text(
                          "Average Time: ${avg(_askTimesMs).round()}ms"),
                      Text("Timings (ms): $_askTimesMs"),
                    ],
                  ),
                ),

我怎样才能做到这一点？

【问题讨论】：

标签： flutter

【解决方案1】：

您需要在 Column 小部件上使用 crossAxisAlignment: CrossAxisAlignment.start,，默认它居中。 mainAxisAlignment 默认启动。

Column(      
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [

查找更多关于layout/constraints

【讨论】：