在构建期间更新值时使用 Flutter Provider 出现问题

Question

在检查用户是否已登录后，我正尝试在提供程序中更新我的 uid。当我这样做时，即使应用程序没有崩溃，也会在构建小部件时引发错误。代码如下：

class HandleAuth extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var user = Provider.of<FirebaseUser>(context);
    if (user != null) {
      print('user.uid is ${user.uid}');
      final loggedUserInfo = Provider.of<LoggedUserInfo>(context, listen: false);
      loggedUserInfo.updateUserInfo(user.uid);
      print('first scan screen user: ${loggedUserInfo.userUid}');

    }
    return (user == null)
            ? WelcomeNewUserScreen()
            : ServicesAroundMe();
  }
}

这里是提供者：

class LoggedUserInfo with ChangeNotifier {
  String _uid;

  String get userUid {
    return _uid;
  }

  void updateUserInfo(String updatedUid) {
    _uid = updatedUid;
    print('updated uid is $_uid');
    notifyListeners();
  }

}

它会抛出这个错误：

这个 ListenableProvider 小部件不能被标记为需要构建，因为框架已经在构建小部件的过程中。仅当其祖先之一当前正在构建时，小部件才能在构建阶段标记为需要构建。这个例外是允许的，因为框架在子组件之前构建父窗口小部件，这意味着将始终构建脏后代。否则，框架可能不会在此构建阶段访问此小部件。 调用 setState() 或 markNeedsBuild() 的小部件是：ListenableProvider

Answer 1

您必须记住，每次调用 updateUserInfo 方法时，都会触发 notifyListeners() 来尝试重建脏小部件。 Provider.of<T>(context) 没有参数 listen: false 也做同样的事情。因此，调用了 2 个重建触发器，导致错误。

与提供者合作时，建议使用流。

要使您的代码更具可扩展性，请为您的用户创建一个自定义类，然后使用 ChangeNotifier 或提供程序和流。

例如；

class User {
  final String uid;
  final String displayName;
  User({ @required this.uid, this.displayName });
}

class Auth {

   User _firebaseUserMapper( FirebaseUser user) {
       if(user == null){
           return null;
       }
       return User(uid: user.uid, displayName: user.displayName);
   }

   Stream<User> get onAuthStateChange {
       return Firebase.instance.onAuthStateChanged.map(_firebaseUserMapper);
   }


}

在您的页面屏幕中，您可以像下面这样使用

class HandleAuth extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final auth = Provider.of<Auth>(context, listen: false);
    return StreamBuilder<User>(
         stream: auth.onAuthStateChanged,
         builder: (BuildContext context, AsyncSnapshot snapshot) {
             if( snapshot.connectionState == ConnectionState.active) {
                   User user = snapshot.data;
                   if (user == null ){
                       return WelcomeNewUserScreen();
                   }
                   return Provider<User>.value(
                        value: user,
                        child: ServicesAroundMe(),
                   );
              }
              return Scaffold(
                  body: Center(
                      child: CircularProgressIndicator();
                  ),
              );
         }
    );
}

流将永远监听 currentUser/newUser 并导航到相应的页面。