删除时如何使FAB动画化?

时间:2018-09-09 15:12:36

标签: dart flutter

我知道FloatingActionButton有动画的动画(我的意思是,当FAB消失时,它会变小)。
在我的情况下,我将 FAB 放置如下:

Scaffold(
  floatingActionButton: SomeBuilder(builder:
    () => someCondition ? FloatingActionButton() : Container()),
  ...
)

在这种情况下,FloatingActionButton更改为显示someCondition时,Container没有没有动画
导航到其他路线时,代码中的 FloatingActionButton 会进行动画处理以表示另一条路线中其他FloatingActionButton的位置和形状,这就是我所知道的英雄动画通常可以正常工作。

在将 FAB 替换为Container

1 个答案:

答案 0 :(得分:-1)

floatingActionButton设置为null或新的根窗口小部件具有不同的key时,将播放FloatingButton离开动画。

因此在这种情况下播放请假动画的正确方法是:

floatingActionButton: someCondition ?
    SomeBuilder(
      builder: () =>
        new FloatingActionButton(),
    )
    : null