Question

我有一个要映射的列表：

List<Widget> names = post.names
          .map(
            (c) => new Padding(
                  padding: EdgeInsets.all(8),
                  child: new Text('' + c['name']),
                ),
          )
          .toList();

并显示：

new Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: names,
          ),

但是，如果其中有太多项目，该行将向右溢出。我试图将其包装到“扩展的/灵活的”小部件中，但这会导致有关父小部件没有高度的错误。

如果我尝试使用：

crossAxisAlignment: CrossAxisAlignment.stretch,

我得到：

BoxConstraints forces an infinite height.

我也尝试在行内使用扩展，但是这是不可能的，因为我是从列表中创建子项的，这会导致错误。

如何获得一个根据项目数量而垂直扩展的名称列表？

Answer 1

如果希望窗口小部件可水平滚动，请使用列表视图并将轴设置为水平。

但是，如果要包装小部件，则需要构建网格而不是行。

查看此帖子：Flutter - Layout a Grid

Answer 2

您需要像这样使用Wrap而不是Row。

Wrap(
  children: names,
  //...
),

颤振行带列表

2 个答案: