Flutter：SingleChildScrollView 底部溢出错误

Question

我有这个SingleChildScrollView小部件使Column可滚动。 但是，我收到溢出错误。 我在 Flutter 站点上查找了必要的输入，但该示例甚至没有出现在我的屏幕上。 如何使这个小部件可滚动？

 Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: AnimatedContainer(
        duration: Duration(seconds: 2),
        margin: EdgeInsets.only(top: 10),
        curve: Curves.fastOutSlowIn,
        width: 300,
        height: 500,
        color: Colors.lightBlue,
        child: Center(
          child: Column(
            children: [
              aa(),
              bb(),
              cc(),
              dd(),
            ],
          ),
        ),
      ),
    );
  }

Answer 1

了解这些小部件aa(), bb(), cc(), dd()的约束/大小以及查看build()方法以更好地为您提供解决方案会很有帮助。

但我认为问题在于您明确将 AnimatedContainer 的高度设置为 500 像素，而这些父级的子级高于 500 像素，这就是您收到溢出错误的原因。 尽量不要像这样设置 static 高度。 如果您删除高度字段，我认为 AnimatedContainer 会调整以占用不会出现溢出错误的空间。