在 Flutter 中为列和行分配权重

Question

我想为 Flutter App 中的所有行提供相等的间距。有没有像权重或任何这样的小部件可以使用。例如，我的应用程序中有 2 个 Row 元素。我希望两个元素都采用屏幕的相等/一半宽度。

Answer 1

在 a Flex(ie Rowor Column) 中，Expanded消耗剩余的可用空间。如果您将两个 Expanded 放在同一个 Flex 中，它们将平均共享剩余的可用空间（默认情况下）。

您可以使用它们的flex参数为 Expandeds 分配“权重” ，这将允许您让它们共享 60/40 的剩余空间，而不是 50/50 等。

Answer 2

虽然您可以使用 AspectRatio 类来均匀地管理您的小部件，但将小部件均匀地排成一行更符合您的需求。行和列都有 mainAxisAlignment 和 crossAxisAlignment 类。

只需将您想要均匀间隔的小部件包装在一个列中并设置它：

Column(mainAxisAlignment: MainAxisAlignment.spaceEvenly ... )

您还可以使用 spaceBetween 和 spaceAround，如此处所示。