Flutter：如何在Wrap小部件中将容器大小设置为wrap_content

Question

我想将Container大小设置为wrap_content，而不是占据整个屏幕宽度。Wrap我可以通过更改小部件来获取wrap_content大小Row，但如果子小部件比屏幕大，它就会溢出。

Wrap下面是我与小部件一起使用的代码

@override
  Widget build(BuildContext context) {
    return Wrap(
      children: <Widget>[
        Container(
          height: 100.0,
          color: Colors.lightGreenAccent,
          child: const Center(
            child: Text('Container 1'),
          ),
        ),
        Container(
          height: 100.0,
          color: Colors.cyan,
          child: Center(
            child: Text('Container 2'),
          ),
        ),
      ],
    );
  }

我用Wrap小部件得到这个结果

当我将其更改为Row而不是时Wrap，我得到这个结果

我怎样才能使用Wrap小部件实现这一目标？或者是否有任何其他小部件类似于Wrap溢出的小部件会自动构建到新行中？

Answer 1

用一个UnconstrainedBox小部件包裹容器，这样容器就可以自由地将其自身调整为其children\xe2\x80\x99s 大小。

\n