Итак, у меня есть одна кнопка с плавающим действием, которая при нажатии заменяется на 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(),
Так что теперь, как я могу оживить это изменение виджетов.Мне нужна простая и хорошая анимация для смены виджетов.