Flutter 中的动画布局更改

Posted 2023-02-23

【中文标题】Flutter 中的动画布局更改

【英文标题】：Animate layout changes in Flutter

【发布时间】：2018-11-06 18:46:10

【问题描述】：

在 android 应用程序中，当我知道 View 会改变其高度时，我可以定义转换。这种变化将被激活。如何在 Flutter 中使用 Column 做类似的事情？我知道 AnimatedContainer，但这似乎只适用于我必须设置的特定高度值。 Flutter 中是否有相当于“animatelayoutchanges”的功能？

【参考方案1】：

您可以将列 children 包装在 SizeTransition 中。这个想法是让每个孩子为其外观和消失设置动画。

您为每个SizeTransition 创建一个AnimationController，当您想要显示或隐藏一个孩子时，您只需调用AnimationController.forward() 或reverse()

【讨论】：

你可以写一个简单的实际例子来演示它是如何工作的。