Flutter listview 水平 + 换行

Question

我想在 Flutter 中实现一个水平列表视图，但不能滚动。当空间在水平方向用完时，我需要它在新行上继续。到目前为止我只有

 return ListView.separated(
                separatorBuilder: (BuildContext context, int index) =>
                    const Divider(),
                itemBuilder: (context, index) {
                  return ItemCard(items[index]);
                },
                scrollDirection: Axis.horizontal,
                itemCount: items.length);

Answer 1

在这种情况下，您应该尝试在颤振中包裹小部件。默认情况下，它会在水平方向环绕，但如果你想垂直环绕，那么你可以设置方向。

Wrap(
  direction: Axis.vertical,
  children: [
    MyWidget(),
    MyWidget(),
    MyWidget(),
    MyWidget(),
    MyWidget(),
  ],
),

对于行和列，如果空间不足，则会收到黄色和黑色溢出警告。但是 Wrap 在相应的指令中创建了一个新的相邻。这将完成您的列表视图要求。

您可以在此处查看许多其他选项。