如何在移除FAB时将其设置为动画效果？

Question

我知道有一个FloatingActionButton动画的动画（我的意思是，当FAB消失时，它会变小）。 在我的情况下，我有一个这样的FAB：

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

在那种情况下，当FloatingActionButton改变以显示someCondition时，Container没有动画。 当导航到不同的路线时，代码中的FloatingActionButton会动画来表示另一条路线中其他FloatingActionButton的位置和形状，这就是我知道Hero Animations一般都在工作的方式。

当它被Container取代时，我需要采取任何额外的步骤来使FAB有动画吗？

Answer 1

当您将floatingActionButton设置为null或新根小部件具有不同的key时，FloatingButton离开动画将播出。

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

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