Flutter如何展开/折叠容器而不出现溢出错误

Question

3

有人知道如何实现一个展开/折叠动画的 Container 小部件吗？

我尝试使用 ExpandablePanel，但这不是我真正想要的，因为我想在 Container 中渲染一个 Column，如果 Container 被折叠，我只想显示其中150px，否则它应该具有内容的高度。

单击箭头，Container 应切换其状态。

以下是一些代表目标的图像：

- tyukesz

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Moaz El-sawaf · Answer 1

溢出错误是因为当列被折叠时，没有足够的空间容纳列内所有的子元素。

当我们有一个子元素高度大于屏幕高度的列时，我们该怎么办？我们使用滚动！

因此，您可以使用SingleChildScrollView小部件包装您的列，使列可滚动，这样当它折叠时，它不会抱怨子元素的高度，而是滚动功能处理它们，因为即使列的宽度非常小，您也可以在列中滚动。