Flutter - How to use a FadeTransition inside a StreamBuilder?

Question

I am trying to make a colour transition animation inside a StreamBuilder which is inside a stateless widget. I have no idea how to perform that since all the examples and tutorials about this subject use a Stateful Widget.

I thought about using FadeTransition Widget but and maybe store the state in my Bloc that controls that view.

Please give me any suggestions if you have, Thank you.

Answer 1

To perform a fade in transition in a streambuilder, it's easy, simply use a widget called 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),
    );
  },
);
}

Here we use an AnimatedSwitcher to animate a transition when the child of the AnimatedSwitcher change's, the default animation is a fade animation, but you could add your custom animation by passing the widget a TransitionBuilder as an argument