Flutter-如何在StreamBuilder中使用FadeTransition？

Question

我正在尝试在无状态小部件内的StreamBuilder中制作颜色过渡动画。 我不知道如何执行该操作，因为有关此主题的所有示例和教程都使用有状态的小部件。

我考虑过使用FadeTransition Widget，但也许将状态存储在控制该视图的Bloc中。

如果您有任何建议，请给我，谢谢。

Answer 1

要在streambuilder中执行渐变过渡，很简单，只需使用一个名为AnimatedSwitcher的小部件即可：

@override
Widget build(BuildContext context) {
 return StreamBuilder(
  stream: FirebaseAuth.instance.onAuthStateChanged,
  builder: (BuildContext context, snapshot) {
    return AnimatedSwitcher(
      duration: Duration(seconds: 1),
      child: _getMainWidget(snapshot, context),
    );
  },
);
}

在这里，当AnimatedSwitcher的子项发生更改时，我们使用AnimatedSwitcher为过渡设置动画，默认动画是淡入淡出的动画，但是您可以通过向小部件传递TransitionBuilder作为参数来添加自定义动画。