已解决：Flutter Provider切换页面时数据丢失问题

嘿，我一眼就看出问题出在哪了——你修改的Provider实例和页面监听的根本不是同一个！

核心问题 #

看你登录函数里的这段代码：

UserProvider().changeRole(data.docs[0]['role']);

这里你直接new了一个全新的UserProvider对象，修改的是这个临时对象的_role属性。但你在main.dart里通过ChangeNotifierProvider创建的是一个全局共享的实例，主页面的Consumer监听的是那个全局实例，所以自然拿不到你刚才修改的值，这就是为什么getRole返回空字符串的原因。

而你提到把_role设为static能解决，只是因为static变量是类级别的，所有UserProvider实例共享这个值，属于“歪打正着”的hack做法，并不推荐——static会让状态全局共享，多用户场景下会出现状态混乱，完全违背了Provider的状态管理设计初衷。

正确的解决方案 #

在登录函数里，你需要通过上下文获取全局的UserProvider实例，而不是自己new一个：

修改登录函数代码

void login() async {
  try {
    UserCredential userCredential = await FirebaseAuth.instance
        .signInWithEmailAndPassword(email: email, password: password);
    var data = await FirebaseFirestore.instance.collection('users').where('uid', isEqualTo: userCredential.user.uid).get();
    // 正确获取全局的UserProvider实例
    Provider.of<UserProvider>(context, listen: false).changeRole(data.docs[0]['role']);
    // 或者用context.read（需要导入provider包）
    // context.read<UserProvider>().changeRole(data.docs[0]['role']);
    Navigator.of(context).pushNamed(MainScreen.routeName);
    ...

为什么加listen: false？

因为我们在登录函数里只是修改状态，不需要监听状态变化，加上listen: false可以避免不必要的组件重建，提升性能。

验证效果 #

修改后，你会发现CHANGEROLE和GETROLE的日志会对应上，主页面也能正确显示角色值了——因为现在修改的和监听的是同一个全局UserProvider实例。

额外提醒 #

• 永远不要通过直接实例化ChangeNotifier子类来修改状态，一定要通过Provider提供的上下文获取共享实例
• 避免用static变量来共享状态，这会导致状态管理失控，尤其是在多用户、多页面的复杂应用中

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