动画化小部件抖动

Question

所以我有一个浮动操作按钮， 单击该按钮后，将被列中的3个浮动操作按钮取代。

这是由全局布尔变量控制的。

Widget FAB() {
    return (!FABState)
        ? FloatingActionButton(
            onPressed: () {
              setState(() {
                FABState = !FABState;
              });
            },
            backgroundColor: Colors.white,
            child: Icon(IconData(0xf16d, fontFamily: "instagram")),
            foregroundColor: Colors.black,
          )
        : Column(
      mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              FloatingActionButton(
                backgroundColor: Colors.white,
                foregroundColor: Colors.black,
                child: Icon(Icons.camera_alt),
                onPressed: (){
                  setState(() {
                    FABState = !FABState;
                  });
                  _clickPicture();
              },),
              SizedBox(height: 10.0,),
              FloatingActionButton(
                backgroundColor: Colors.white,
                foregroundColor: Colors.black,
                child: Icon(Icons.insert_photo),
                onPressed: (){
                  setState(() {
                    FABState = !FABState;
                  });
                  _getImage();
              },),
              SizedBox(height: 10.0,),
              FloatingActionButton(
                backgroundColor: Colors.white,
                foregroundColor: Colors.black,
                child: Icon(Icons.close),
                onPressed: (){
                  setState(() {
                    FABState = !FABState;
                  });
                },),
            ],
          );
  }

我的代码中脚手架的浮动动作按钮如下：

floatingactionbutton: FAB(),

所以现在我该如何为小部件的这种变化制作动画。我需要一个简单而优质的动画来更改小部件。