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

Question

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

\n

\n

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

\n

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。