Flutter: Provider 被处理后被使用

Question

我正处于完成一个相当大的项目的最后阶段，现在面临供应商的一个新问题。到目前为止，我已经阅读了有关此主题的几乎所有可用问题，但仍然无法找到解决方案。

我有两个 ChangeNotifier 模型，分别是：AuthProvider 和 UserProvider。 当我尝试从另一个推送的路由（设置页面）调用“authProvider.logout()”时，会发生有问题的错误，该路由按预期工作，但抛出了一个错误

UserProvider 被销毁后被使用。

AuthProvider 是在 MaterialApp 之上通过以下方式创建的：

MultiProvider(
        providers: [
          ChangeNotifierProvider<AuthProvider>(
            create: (BuildContext context) => AuthProvider.instance(),
          ),
          ...
        ],
        child: MaterialApp(
          home: MainPage(),
        ),
      ),

MainPage 使用 switch 语句根据来自 AuthProvider 的值显示 LoginScreen 或 HomeScreen。

@override
  Widget build(BuildContext context) {
    final AuthStatus authStatus = context.select<AuthProvider, AuthStatus>(
      (AuthProvider auth) => auth.status,
    );
    switch (authStatus) {
      case AuthStatus.NOT_LOGGED_IN:
        ...
      case AuthStatus.LOGGED_IN:
        return MultiProvider(
                    providers: <SingleChildWidget>[
                      ChangeNotifierProvider<UserModel>(
                        create: (BuildContext context) => UserModel(),
                        lazy: false,
                      ),
                      ...
                    ],
                    child: const HomeScreen(),
                  );
        break;
      default:
        ...
    }
  }

从主屏幕上方的 MainPage 中初始化 UserProvider。

MultiProvider(
  providers: <SingleChildWidget>[
     ChangeNotifierProvider<UserProvider>(
        create: (BuildContext context) => UserProvider(),
        lazy: false,
     ),
     ...
  ],
  child: const HomeScreen(),
);

我从 HomeScreen 内部推送设置页面，显示 UserProvider 和 AuthProvider 的现有值。

final AuthProvider authProvider = Provider.of<AuthProvider>(context);
final UserProvider userModel = Provider.of<UserProvider>(context);

Navigator.push(
  context,
  PageTransition<SettingsPage>(
    child: MultiProvider(
      providers: <ChangeNotifierProvider<dynamic>>[
        ChangeNotifierProvider<AuthProvider>.value(
          value: authProvider,
        ),
        ChangeNotifierProvider<UserProvider>.value(
          value: userProvider,
        ),
      ],
      child: SettingsPage(),
      ),
      type: PageTransitionType.leftToRightWithFade,
   ),
);

最后，我在 SettingsPage 中有一个简单的 logoutCallback，它与其他逻辑一起更改身份验证状态的值，因此（预期）导致 LoginPage 再次显示。

SettingsButton(
 title: 'Logout',
 callback: () {
   Provider.of<AuthProvider>(ctx, listen: false).logoutCallback();
   Navigator.of(ctx).pop();
}),

预期的行为是在 logoutCallback() 中更改了 authStatus 的值，并且当弹出 SettingsPage 时，由于 switch 语句，HomeScreen 将被 LoginPage 替换。 尽管发生了这种情况，但我收到了一个很长的错误： [A UserProvider被暴露后被使用][1] [1]：https://i.stack.imgur.com/oeyor.png

任何帮助将不胜感激，因为我不再确定可能导致此错误的原因。 如果我应该包含更多信息或代码中的特定示例，请告诉我。

Answer 1

在您提供的以下代码 sn-p 中，logoutcallback() 可能是一个异步函数并且需要一些时间来执行。甚至在执行完成之前，小部件就会从树中删除。

SettingsButton(
 title: 'Logout',
 callback: () {
   Provider.of<AuthProvider>(ctx, listen: false).logoutCallback();
   Navigator.of(ctx).pop();
}),

您可以做的是使用then() 或使用async await 链接这两种方法。