首页 > 解决方案 > 在 Flutter 中为列和行分配权重

问题描述

我想为 Flutter App 中的所有行提供相等的间距。是否有任何可以使用的重量或任何此类小部件。例如,我的应用中有 2 个 Row 元素。我希望两个元素都占据屏幕的相等/一半宽度。

标签: flutterflutter-layout

解决方案


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

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


推荐阅读