如何使页面在颤动中垂直滚动？

Question

我已经为购物应用程序制作了一个仪表板页面。 我已经在列中编写了我的代码，但由于代码不可滚动并且像素不断溢出。 我尝试过使用 ListView 而不是 column，我也尝试过在 ListView 内使用 column，但是当我尝试这样做时，整个页面的输出都消失了。

这是代码片段

Answer 1

您可以尝试使用 shrinkwrap = true 的 listview 而不是使用 column

Answer 2

如果您使用这样的小部件树：

SingleChildScrollView -> Column -> Expanded (one of the many Childs)

它可能会产生错误，因为Expanded正在尝试扩展以填充尽可能多的空间，并且SingleChildScrollView将所有需要的空间（在本例中为垂直）提供给他的孩子。 所以它最终以Expanded小部件试图扩展到无限。

为了解决这个问题，您应该以编程方式计算高度（约束）并用ConstainedBox包装SingleChildScrollView 。

遵循本指南。 它包含几乎所有案例。

Answer 3

将所有展开的容器更改为容器，并为它们分配相应调整所有容器所需的高度。 然后在 SingleChildScrollView 中添加所有代码，并指定要滚动页面的方向，即水平或垂直。

Answer 4

尝试这个：

// OLD

Column(children: [ ... ])

// NEW

ListView( shrinkWrap:true, children: [ ... ])