Flutter中Firebase signOut方法不生效无法正常登出用户

登出失效是3个代码问题共同导致的：

• 核心错误：登出按钮点击回调中仅写了函数名_logOut;，未加执行括号()，_logOut()方法从未被实际触发，FirebaseAuth.instance.signOut()逻辑完全没有运行，用户登录状态根本没被清除
• 路由逻辑错误：登出后使用pushNamed向路由栈顶堆叠登录页，原有的HomeScreen、EmailAuthScreen等页面全部残存在栈中，且EmailAuthScreen内置的认证状态监听器会自动检测到仍在登录状态，直接跳回首页
• 状态同步错误：StudentProvider仅在类初始化时读取了一次FirebaseAuth.instance.currentUser，没有持续监听认证状态变化，后续登录/登出操作触发状态变更时，Provider内的用户值不会更新，也不会通知依赖它的组件刷新，导致初始路由判断失效

按以下步骤修改对应代码即可：

1. 修正NavDrawer登出逻辑 #

登出时先等待Firebase登出执行完成，再清空整个路由栈跳转登录页，避免残留页面干扰：

// 替换原有的登出按钮ListTile代码
ListTile(
  leading: const Icon(Icons.power_settings_new),
  title: const Text("Log out"),
  onTap: () async {
    // 正确调用登出方法，等待执行完成
    await _logOut();
    if (context.mounted) {
      // 清空全部路由栈后跳转登录页，禁止用户返回到之前的登录后页面
      Navigator.pushNamedAndRemoveUntil(
        context,
        LoginScreen.ROUTE_NAME,
        (route) => false,
      );
    }
  },
),

原有的_logOut()方法无需改动，确保被正确调用即可。

2. 改造StudentProvider实现状态实时同步 #

让Provider持续监听Firebase认证流，状态变化时自动更新值并刷新组件：

import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/foundation.dart';

class StudentProvider with ChangeNotifier {
  User? currentUser;

  StudentProvider() {
    // 订阅认证状态变更流
    FirebaseAuth.instance.authStateChanges().listen((User? user) {
      currentUser = user;
      notifyListeners();
    });
  }
}

3. 修正应用初始路由逻辑 #

不要硬编码初始页面，通过Consumer监听Provider状态动态切换首页，同时补全路由表注册：

// 替换MyApp的build方法内容
@override
Widget build(BuildContext context) {
  return ChangeNotifierProvider(
    create: (BuildContext context) => StudentProvider(),
    child: MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      // 监听认证状态动态加载对应首页
      home: Consumer<StudentProvider>(
        builder: (context, provider, child) {
          return provider.currentUser == null ? const LoginScreen() : const HomeScreen();
        },
      ),
      routes: {
        "/home": (context) => const HomeScreen(),
        "/information": (context) => const InformationScreen(),
        LoginScreen.ROUTE_NAME: (context) => const LoginScreen(),
      },
    ),
  );
}

4. 修正邮箱登录按钮跳转逻辑 #

点击按钮时先判断当前登录状态，已登录直接跳首页，未登录再进入认证页：

// 替换SignInWithEmailButton中的_clickOnEmailButton方法
void _clickOnEmailButton(BuildContext context) {
  final currentUser = FirebaseAuth.instance.currentUser;
  if (currentUser != null) {
    // 已登录状态直接跳转首页
    Navigator.pushReplacementNamed(context, "/home");
    return;
  }
  // 未登录才进入邮箱认证页
  Navigator.of(context).push(
    MaterialPageRoute(
      builder: (context) => const EmailAuthScreen(),
    ),
  );
}

5. 修正EmailAuthScreen的登录后跳转逻辑 #

登录成功后清空路由栈跳首页，不要直接渲染HomeScreen组件导致路由栈混乱：

// 替换EmailAuthScreen的build方法
@override
Widget build(BuildContext context) {
  return Scaffold(
    body: StreamBuilder<User?>(
      stream: FirebaseAuth.instance.authStateChanges(),
      builder: (context, snapshot) {
        if (!snapshot.hasData) {
          return SignInScreen(
            providerConfigs: const [
              EmailProviderConfiguration(),
            ],
          );
        }
        // 登录成功后等帧渲染完成再跳转，避免组件构建时执行路由报错
        WidgetsBinding.instance.addPostFrameCallback((_) {
          Navigator.pushNamedAndRemoveUntil(context, "/home", (route) => false);
        });
        return const SizedBox.shrink();
      },
    ),
  );
}

改完后按以下步骤测试即可确认功能正常：

• 冷启动App，未登录状态正常进入LoginScreen
• 点击邮箱登录按钮，未登录时正常进入邮箱认证页，完成登录后自动跳转HomeScreen
• 打开侧边栏点击登出，会直接回到LoginScreen，按返回键不会退回HomeScreen
• 回到LoginScreen后再次点击邮箱登录按钮，不会自动跳转HomeScreen，会正常进入认证页，说明登出状态已生效
• 已登录状态下冷启动App，会直接进入HomeScreen，无需重复登录

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