登出时清空Provider状态：Firebase用户切换后UI未更新问题

问题根源 #

1. UserProvider中userid未动态更新：String userid = Auth().currentUser!.uid;是在Provider实例化时赋值的，登出再登录后，这个值不会自动刷新，始终保留第一个登录用户的uid，导致拉取的还是旧用户数据。
2. 未监听Auth状态变化：没有监听Firebase Auth的登录/登出事件，无法自动触发新用户数据拉取或旧数据清空。
3. 登出未清空用户数据：登出时_user仍保留旧用户信息，UI会继续基于旧数据渲染。

解决方案 #

1. 重构UserProvider #

修改UserProvider代码，实现动态UID获取、Auth状态监听和用户数据清空功能：

class UserProvider extends ChangeNotifier {
  User? _user;
  User? get user => _user;
  late final StreamSubscription<User?> _authSubscription;

  UserProvider() {
    // 监听Auth状态变化，自动处理登录/登出逻辑
    _authSubscription = Auth().authStateChanges.listen((firebaseUser) {
      if (firebaseUser != null) {
        fetchUser(firebaseUser.uid);
      } else {
        clearUser();
      }
    });
  }

  Future<void> fetchUser(String uid) async {
    final snapshot = await FirebaseFirestore.instance.collection('users').doc(uid).get();
    _user = User.fromFirestore(snapshot);
    notifyListeners();
  }

  // 登出时清空用户数据
  void clearUser() {
    _user = null;
    notifyListeners();
  }

  @override
  void dispose() {
    _authSubscription.cancel();
    super.dispose();
  }
}

2. 调整MainPage初始化逻辑 #

移除initState中手动调用fetchUser的代码，Auth状态监听会自动触发数据拉取：

@override
void initState() {
  super.initState();
  // 移除userProvider.fetchUser()，由Auth监听自动处理
  final artProvider = context.read<ArtProvider>();
  artProvider.fetchArts();
}

3. 完善登出流程 #

在登出方法中调用clearUser，确保旧数据被清空：

// 示例登出方法
void signOut() async {
  await Auth().signOut();
  context.read<UserProvider>().clearUser();
}

4. 确保子页面响应数据变化 #

如果HomePage、ProfilePage等子页面也依赖用户数据，需使用Consumer<UserProvider>或context.watch<UserProvider>获取最新数据，保证UI随用户切换同步更新。

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