flutter "Do not use BuildContexts across async gaps"

Question

基本上，当用户在对话框中按下注销时，我想返回到我的登录 View 。

onSelected: (value) async {
              switch (value) {
                case MenuAction.logout:
                  final shouldLogout = await showLogOutDialog(context);
                  final navigator = Navigator.of(context);
                  if (shouldLogout) {
                    await FirebaseAuth.instance.signOut();
                    navigator.pushNamedAndRemoveUntil(
                      '/login',
                      (route) => false,
                    );
                  }
              }
            },

显示注销对话框函数:

Future<bool> showLogOutDialog(BuildContext context) {
  return showDialog<bool>(
    context: context,
    builder: (context) {
      return AlertDialog(
        title: const Text('Sign out'),
        content: const Text('Are you sure you want to sign out?'),
        actions: [
          TextButton(
            onPressed: () {
              Navigator.of(context).pop(false);
            },
            child: const Text('Cancel'),
          ),
          TextButton(
            onPressed: () {
              Navigator.of(context).pop(true);
            },
            child: const Text('Logout'),
          ),
        ],
      );
    },
  ).then((value) => value ?? false);

我收到此错误:“不要在异步间隙中使用 BuildContexts。”。

谁能帮帮我？

提前致谢!

Answer 1

这是不安全的，请尝试检查小部件是否未安装，如 Flutter YouTube Channel 所示.

if (!mounted) return
Navigator.of(context);