将小部件添加到小部件树时如何为更改设置动画答案

【问题标题】：How to animate change when adding widget to the widget tree将小部件添加到小部件树时如何为更改设置动画
【发布时间】：2019-08-29 10:47:06
【问题描述】：

我有一个有状态的小部件，它显示了一个包含复选框的表单。部分表单（“taxId”的文本字段）仅在复选框处于活动状态时显示。

Here's a mock of the screen

我可以更改状态并重新触发构建以完成此操作。我想要做的是动画变化。我希望新的文本字段能够动画化（淡入并将剩余的小部件向下推），而不是仅仅出现。有没有办法通过隐式动画（类似于 iOS 上的 UIStackView）来实现这一点？

【问题讨论】：

标签： animation flutter

【解决方案1】：

向下推剩余的小部件，我们可以使用

AnimatedContainer(
  duration: Duration(seconds: 5),
  height: height,
  color: Color(0xff14ff65),
  child: Container(
      height: 50.0,
      child: yourchild,),
    ),
)

将该 TextField 作为您的孩子并在复选框更改侦听器上

setState((){
//increment and decrement height of AnimatedContainer
})

【讨论】：