有没有办法在 Flutter Wrap 小部件的横轴上拉伸项目？

Question

我正在使用 Wrap 小部件动态布局项目列表。然而，我在拉伸项目时遇到了一个问题。 Wrap 小部件似乎没有提供一种沿横轴拉伸项目的简单方法，类似于将

crossAxisAlignment

与 Row 或 Column 小部件一起使用。

我可以使用任何解决方法或替代方法来达到所需的拉伸效果吗？

谢谢！

Answer 1

你考虑过GridView吗？

对于您的用例，GridView.extent尤其应该是您正在寻找的。它允许您以拉伸到最大横轴范围的图块形式创建小部件项目的动态网格布局。此功能导致响应式布局。

这是 GridView.extent 的示例用法

GridView.extent(
    physics: const BouncingScrollPhysics(),
    mainAxisSpacing: 8.0,
    crossAxisSpacing: 16.0
    maxCrossAxisExtent: 240.0,
    primary: false,
    padding: const EdgeInsets.symmetric(8.0), // padding around the grid
    children: widgetItems,
 ),

在上面的示例中，对于网格宽度为 600 的垂直网格，maxCrossAxisExtend 值为 240，将导致网格为 3 列，每列宽度为 200，填充整个 600 横轴宽度。

希望有帮助！