Flutter：当子部件树改变时平滑地为父部件设置动画？

Question

我正在尝试构建一个按钮，当点击该按钮时，该按钮将扩展为一张卡片，其中包含一个供用户填写的表格。我的最终目标是为按钮设置一个与此类似的 animation。

但是，我在父小部件中从一个小部件树平滑过渡到另一个小部件时遇到了麻烦。

为了可视化我正在尝试实现的小部件树中的更改，请考虑我想从以下 state A 到 go ...

Sscaffold:
    Column:
      - something_above
      - Card:
          Button
      - something_below

...到目标 state B...

Sscaffold:
    Column:
      - something_above
      - Card:
          Column:
            - TextField
            - DropdownMenu
            - Button
      - something_below

...同时平滑地为卡片的属性（例如宽度和高度）设置动画。

我目前对这种 animation 的尝试包括使用 AnimatedContainer 和一个构建器方法来返回原始按钮或表单，具体取决于某些 state 参数。

AnimatedContainer(
  child: _getChild(isOpen),
  duration: Duration(seconds: 1),
  color: Colors.blue,
)

但是，这不起作用，并且动画容器似乎只会在它自己的属性之一发生变化时执行插值。

所以这一切都归结为这个问题； 是否有可以促进这种转换的小部件，如果没有，我可以从哪里开始实施这种行为？