Flutter: SingleChildScrollView底部溢出错误

Question

我有这个SingleChildScrollView小部件使Column可滚动。然而，我得到了溢出错误。我在颤振网站上查找必要的输入，但这个例子甚至没有出现在我的屏幕上。如何使这个小部件可滚动?

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像素，这些父的孩子都高于500px，这就是为什么你得到溢出错误。尽量不要设置这样的静态高度。如果你删除高度字段，我认为AnimatedContainer将调整为占用这样的空间，你不会得到溢出错误。