Flutter展开/折叠容器,无溢出错误

tv6aics1  于 2022-11-30  发布在  Flutter
关注(0)|答案(1)|浏览(147)

有没有人知道如何为给定的Container小部件实现展开/折叠动画?
我尝试使用ExpandablePanel,但它不是我真正想要的,因为我想在Container中呈现Column,如果Container折叠,我只想显示它的150 px,否则它应该具有内容的高度。
单击箭头,Container应切换其状态。
以下是一些代表目标的图片:
Collapsed
Expanded

nhn9ugyo

nhn9ugyo1#

引发溢出错误的原因是,当列折叠时,列内没有空间容纳所有子级。
当我们有一列孩子的高度大于屏幕高度时,我们该怎么办?我们使用滚动!
因此,您可以使用SingleChildScrollView小部件 Package 列,使列可滚动,这样,当它折叠时,它不会抱怨子对象的高度,相反,滚动功能会处理它们,因为即使列的宽度非常小,您也可以在列中滚动。

相关问题