具有动态宽度和高度的 Flutter Grid 视图

Question

我的问题是我想在我的网格视图中显示文本小部件，并且这些小部件中的每一个都有自己的内容并且可以有不同的宽度，我在实现这一点时遇到了麻烦......

这是小部件不显示其子项的内容

Answer 1

对于这种情况，您可以使用 Wrap 小部件。

Padding( //outer spacing
  padding: const EdgeInsets.all(8.0),
  child: Wrap(
    spacing: 8, // space between items
    children: ["Java", "Nodejs"]
        .map((e) => Container(
              padding: EdgeInsets.all(8),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(4),
              ),
              child: Text(e),
            ))
        .toList(),
  ),
)

更多关于 Wrap widget。