Как анимировать изменения при добавлении виджета в дерево виджетов

Question

У меня есть виджет с сохранением состояния, который показывает форму, включая флажок.Часть формы (текстовое поле для taxId) отображается только при активном флажке.

Вот макет экрана

Я могу изменить состояние иповторить сборку, чтобы выполнить это.То, что я хотел бы сделать, это оживить изменения.Вместо того, чтобы просто появляться, я бы хотел, чтобы новое текстовое поле анимировалось (постепенно появлялось и выдвигало оставшиеся виджеты вниз).Есть ли способ сделать это с помощью неявной анимации (аналогично UIStackView на iOS)?

Answer 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
})