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,
)

但是，這不起作用，並且動畫容器似乎只會在它自己的屬性之一發生變化時執行插值。

所以這一切都歸結為這個問題； 是否有可以促進這種轉換的小部件，如果沒有，我可以從哪里開始實施這種行為？