How am I supposed to use FirebaseAuth.instance.onAuthStateChanged in my flutter app?

Issue

In my flutter app I am trying to pass the Firebase user object to the descending widgets by using the ChangeNotifier from the Provider package. My first idea was doing this in a StreamBuilder like so:

  Widget _authBuilder(context, Widget body) {
    final authModel = Provider.of<FAAuthModel>(context);


    return StreamBuilder(
      stream: FirebaseAuth.instance.onAuthStateChanged,
      builder: (context, snapshot) {

        authModel.user = snapshot.data;

        return body;
      },
    );
  }

The only problem is, that apparently the builder function runs asynchronously while the body widget is being built and therefore the state is being marked as dirty simultaneously. Is there a smarter way of passing the FirebaseUser to the descending widget tree?

I/flutter (28504): ══╡ EXCEPTION CAUGHT BY FOUNDATION LIBRARY ╞════════════════════════════════════════════════════════
I/flutter (28504): The following assertion was thrown while dispatching notifications for FAAuthModel:
I/flutter (28504): setState() or markNeedsBuild() called during build.
I/flutter (28504): This _DefaultInheritedProviderScope<FAAuthModel> widget cannot be marked as needing to build because
I/flutter (28504): the framework is already in the process of building widgets.  A widget can be marked as needing to
I/flutter (28504): be built during the build phase only if one of its ancestors is currently building. This exception
I/flutter (28504): is allowed because the framework builds parent widgets before children, which means a dirty
I/flutter (28504): descendant will always be built. Otherwise, the framework might not visit this widget during this
I/flutter (28504): build phase.
I/flutter (28504): The widget on which setState() or markNeedsBuild() was called was:
I/flutter (28504):   _DefaultInheritedProviderScope<FAAuthModel>
I/flutter (28504): The widget which was currently being built when the offending call was made was:
I/flutter (28504):   StreamBuilder<FirebaseUser>
I/flutter (28504): 

Solution

So the answer to this question is that you shouldn’t use a StreamBuilder but a listener instead..

  Widget _authBuilder(context, Widget body) {
    Stream<FirebaseUser> stream;
    final authModel = Provider.of<FAAuthModel>(context);

    stream = FirebaseAuth.instance.onAuthStateChanged;

    stream.listen((snapshot) {

      /* We are not logged in */
      if (snapshot == null && authModel.user == null) {
         //Do nothing
      }
      /* We are not logged in, or we are logging out */
      else if (snapshot == null) {
        authModel.user = null;
        /* We are logged in but we just opened our app */
      } else if (authModel.user == null) {
        authModel.user = snapshot;
        /* We are logged in but something happened e.g. the widget tree was rebuilt and we just logged out? */
      } else if (authModel.user.uid != snapshot.uid) {
        authModel.user = snapshot;
      }
    });

    return body;
  }

Answered By – Heinrich Heine

Answer Checked By – Robin (FlutterFixes Admin)

Leave a Reply

Your email address will not be published.