Firebase登录后Provider值变更但Widget未刷新问题求助

问题根源 #

你的StreamProvider在MyApp的build方法中初始化，但MyApp是无状态组件，只有App启动时会执行一次build。用户登录前，FirebaseAuth.instance.currentUser?.uid为null，此时Stream监听的是不存在的users/null文档，数据流无变化；登录后currentUser更新，但MyApp不会重新build，StreamProvider依然用旧的null uid监听，自然不会触发UI更新。

修复方案 #

不要直接用currentUser初始化Firestore流，而是监听FirebaseAuth的用户状态流，动态切换Firestore的监听目标：

• 先监听authStateChanges()获取用户登录状态变化
• 根据用户是否存在，返回对应的Firestore文档流；用户未登录时返回空流或null

完整代码示例 #

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        StreamProvider<DocumentSnapshot<Map<String, dynamic>>?>(
          create: (context) => FirebaseAuth.instance.authStateChanges().switchMap((user) {
            // 用户未登录时返回空流
            if (user == null) {
              return Stream.value(null);
            }
            // 用户登录后监听对应的Firestore文档
            return FirebaseFirestore.instance
                .collection('users')
                .doc(user.uid)
                .snapshots();
          }),
          initialData: null,
        )
      ],
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
          useMaterial3: true,
        ),
        home: const AuthentificationWapper(),
      ),
    );
  }
}

class AuthentificationWapper extends StatefulWidget {
  const AuthentificationWapper({super.key});

  @override
  State<AuthentificationWapper> createState() => _AuthentificationWapperState();
}

class _AuthentificationWapperState extends State<AuthentificationWapper> {
  @override
  Widget build(BuildContext context) {
    var userDoc = Provider.of<DocumentSnapshot<Map<String, dynamic>>?>(context);
    var isLogged = userDoc?.exists == true;

    return Scaffold(
        appBar: AppBar(
          backgroundColor: Theme.of(context).colorScheme.inversePrimary,
          title: const Text('test'),
        ),
        body: Center(
          child: isLogged ? const Text('YOU ARE LOGGED') : const LogginAccount(),
        ));
  }
}

额外说明 #

• 使用switchMap可以将Auth的状态流转换为Firestore文档流，Auth状态变化时会自动切换监听的Firestore文档
• 判断登录状态时，用userDoc?.exists == true比userDoc?.data() != null更准确，能覆盖文档存在但数据为空的场景
• 确保LogginAccount组件中使用Firebase官方登录方法（如signInWithEmailAndPassword），保证Auth状态能正确更新

内容的提问来源于stack exchange，提问作者woshitom