Question

正如标题所示，我正在尝试创建一个可以通过SizeTransition扩展的容器。容器展开后，用户将输入一些文本，这将导致底部溢出。所以我用SingleChildScrollView。但是，容器似乎不可滚动，并且仍然会发生溢出。

下面是我的代码的一部分。

Widget _buildComponentA() {
    return Column(
      children: <Widget>[
        Row(
          children: <Widget>[
          //some widgets
          ],
        ),
        SizeTransition(
          child: Container(
            child: SingleChildScrollView(
              child: Column(
                children: <Widget>[
                //some widgets
                ],
              ),
            ),
          ),
          sizeFactor: _expand,
        ),
      ],
    );
  }

_expand变量的定义如下。

_expandController = AnimationController(
      duration: Duration(milliseconds: 500),
      vsync: this,
);
_expandAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(_expandController);

谢谢！

Answer 1

借助以上注释，我修改了代码，下面的代码起作用了。

Widget _buildComponentA() {
    return Column(
      children: <Widget>[
        Row(
          children: <Widget>[
          //some widgets
          ],
        ),
        Expanded(
          child: SingleChildScrollView(
            child: SizeTransition(
              child: Column(
                children: <Widget>[
                //some widgets
                ],
              ),
            ),
          ),
          sizeFactor: _expand,
        ),
      ],
    );
  }

Flutter-SingleChildScrollView在SizeTransition中不可滚动

1 个答案: