如何根据孩子的大小制作小部件动画？

Question

在Flutter中，AnimatedContainer在您要根据孩子的大小为其动画时不起作用，它仅在其预定义的属性（例如颜色，装饰，宽度，高度等）上起作用。

当子容器变大或变小，或在其中容纳更多小部件时，如何使容器的宽度/高度变化？

Answer 1

使用AnimatedSize。每当它的孩子变大或变小或在其中容纳更多孩子时，它就会发出动画。

AnimatedSize(
  vsync: this,
  duration: Duration(milliseconds: 400),
  child: Column(
    children: <Widget>[

      SizedBox(
        width:  _box1Width,
        height:  _box1Height,
      ),

      SizedBox(
        width:  _box2Width,
        height:  _box2Height,
      ),

      SizedBox(
        width:  _box3Width,
        height:  _box3Height,
      ),

    ],
  ),