【问题标题】:Flutter expand/collapse container without overflow errorFlutter展开/折叠容器而不会出现溢出错误
【发布时间】:2022-11-27 04:38:21
【问题描述】:

有没有人知道如何为给定的Container 小部件实现展开/折叠动画?

我尝试使用 ExpandablePanel 但它不是我真正想要的,因为我想在 Container 中呈现 Column,如果 Container 折叠我只想显示它的 150px,否则它应该有内容的高度。

点击箭头 Container 应该切换它的状态。

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

Collapsed

Expanded

【问题讨论】:

    标签: flutter dart


    【解决方案1】:

    抛出溢出错误是因为当列折叠时没有空间容纳列内的所有子项。

    当我们有一个儿童高度大于屏幕高度的列时,我们该怎么办?我们使用滚动!

    因此,您可以使用 SingleChildScrollView 小部件包装您的列以使该列可滚动,因此当它折叠时它不会抱怨孩子的高度,相反,滚动功能会处理它们,因为您可以在列中滚动,即使它有非常多的高度小宽度。

    【讨论】:

      猜你喜欢
      • 2016-06-10
      • 1970-01-01
      • 2021-06-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-03-18
      • 2021-06-19
      相关资源
      最近更新 更多