导航后流构建器未更新

时间:2020-08-10 10:19:37

标签: flutter authentication dart flutter-navigation

我正在使用流构建器来检测用户是否登录。

 return StreamBuilder<User>(
        stream: AuthService().user,
        builder: (context, snapshot) {
          if (snapshot.hasData)
            return SectionWrapper();
          else
            return Authentication();
        });

这是我正在使用的流

 Stream<User> get user {
    return _auth.onAuthStateChanged.map(_userFromFirebaseUser);
  }
  //create user object based on firebase user
  User _userFromFirebaseUser(FirebaseUser user) {
    return user != null ? User(uid: user.uid, email: user.email) : null;
  }

在部分包装中,有2个按钮可导航到应用程序的两个不同部分,当我在这些部分之一中使用注销方法时,流构建器未更新,并且需要刷新才能更新状态。

我还尝试在部分包装中放置一个按钮以退出,该按钮可以工作并更新UI,然后再导航至其中一个部分。

这是sectionWrapper()小部件树。

Column(
        children: <Widget>[
          CupertinoButton(
              child: Text('Donation & Selling Section'),
              onPressed: () {
                Navigator.pushReplacementNamed(
                    context, Section1.routeName,
                    arguments: user);
              }),
          CupertinoButton(
              child: Text('Bookstores Section'),
              onPressed: () {
                Navigator.pushReplacementNamed(
                    context, Section2.routeName);
              }),
          
          //works before navigation, does not work after navigation back here
          CupertinoButton(
              child: Text('Sign out'),
              onPressed: () async {
                await AuthService().signOut();
              }),
        ],
      ),

我还尝试对消费者使用流提供程序,但最终遇到了同样的问题。

   class Wrapper extends StatelessWidget {
  static const String routeName = '/';

  @override
  Widget build(BuildContext context) {
    final user = Provider.of<User>(context);
    return user == null ? Authentication() : SectionWrapper();
  }
}

我用流提供程序包装了材质应用。

MultiProvider(
      providers: [
        StreamProvider<User>.value(value: AuthService().user),
//other providers
      ],
      child: MaterialApp(

1 个答案:

答案 0 :(得分:1)

您的条件未在子页面中进行测试。您应该在sectionWrapper()页面中调用Provider.of。

您是说:

  • 如果用户已登录,请构建sectionWrapper小部件
  • 如果用户未登录构建身份验证小部件。

就是那个构建方法。构建完成后,您需要说出下一步要做什么。

例如。 在下一个屏幕的小部件树上方,像您一样设置provider.of。然后,如果值更改,提供程序将强制对该屏幕的构建方法进行重建。