Flutter Firebase多页面认证应用中登出功能失效问题

问题分析 #

核心问题在于使用Navigator.pushReplacement切换页面后，登出操作的导航逻辑失效。当前代码中Navigator.pop仅引用方法未执行（缺少括号），且仅用pushReplacement无法清空整个导航栈，导致登出后页面状态混乱。

解决方案 #

修改登出按钮的onTap逻辑，确保先完成Firebase登出，再清空导航栈并跳转到登录页。使用Navigator.pushAndRemoveUntil可彻底移除登录页之前的所有路由，避免用户返回已登出的页面。

修改后的登出代码片段 #

ListTile(
  leading: const Icon(Icons.logout),
  title: const Text('Log Out'),
  onTap: () async {
    try {
      // 完成Firebase登出操作
      await FirebaseAuth.instance.signOut();
      // 先关闭当前侧边栏Drawer
      Navigator.pop(context);
      // 清空导航栈并跳转至登录页，禁止返回之前的页面
      Navigator.pushAndRemoveUntil(
        context,
        MaterialPageRoute(builder: (context) => const LoginPage()),
        (Route<dynamic> route) => false,
      );
    } catch (e) {
      print('Error signing out: $e');
    }
  },
),

关键说明 #

1. 先关闭侧边栏：调用Navigator.pop(context)关闭Drawer，避免导航上下文混乱。
2. 清空导航栈：pushAndRemoveUntil的第三个参数(route) => false会移除登录页之前的所有页面，确保登录页是导航栈的唯一页面，用户无法通过返回键回到已登出界面。
3. 异步顺序保障：await signOut()确保登出操作完成后再执行导航，避免登出未完成就跳转导致的状态不一致。

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