Expo React Native应用Firebase自动登录失效问题求助

问题场景 #

旧Expo应用原本支持刷新时通过Firebase Auth自动登录，逻辑是通过auth.onAuthStateChanged读取用户对象，若用户非空且邮箱已验证则跳转Home页。现在用户对象始终为null，自动登录失效，问题出在unsubscribe变量定义的监听逻辑处。

关联代码：

useEffect(() => {
    setTheme("dark");

    const unsubscribe = auth.onAuthStateChanged((user) => {
      console.log(user);

      if (user !== null) {
        if (user.emailVerified) {
          console.log(user);

          console.log(user.emailVerified);
          navigation.replace("Home");
        }
      }
    });

    return unsubscribe;
  }, []);

修复方案 #

• 检查并设置Firebase Auth持久化
  Expo环境下Firebase的默认持久化可能异常，手动指定持久化类型确保用户会话被保存：

  import { getAuth, setPersistence, browserLocalPersistence } from "firebase/auth";
  
  const auth = getAuth();
  setPersistence(auth, browserLocalPersistence)
    .then(() => {
      // 在此处注册onAuthStateChanged监听
    })
    .catch((error) => {
      console.error("持久化设置失败:", error);
    });
  

• 确保Firebase提前初始化
  将Firebase初始化逻辑抽离到单独文件，在App启动时完成初始化，避免组件内重复初始化导致会话丢失：

  // firebaseConfig.js
  import { initializeApp } from "firebase/app";
  import { getAuth } from "firebase/auth";
  
  const firebaseConfig = {
    // 你的Firebase配置信息
  };
  
  const app = initializeApp(firebaseConfig);
  export const auth = getAuth(app);
  

  组件中直接导入该auth对象即可。

• 清除Expo缓存并验证用户状态

  1. 在Expo Go中长按应用图标选择「清除缓存」，或执行expo r -c重启项目清除缓存；
  2. 登录Firebase控制台，进入「Authentication > 用户」，确认目标用户状态正常（未被禁用）。

• 调试监听流程并修正依赖
  补充日志并修正useEffect的依赖数组，确保监听逻辑正常执行：

  useEffect(() => {
    setTheme("dark");
    console.log("开始注册Auth状态监听");
  
    const unsubscribe = auth.onAuthStateChanged((user) => {
      console.log("Auth状态更新:", user);
      if (user) {
        console.log("邮箱验证状态:", user.emailVerified);
        user.emailVerified && navigation.replace("Home");
      } else {
        console.log("无有效用户会话");
      }
    });
  
    console.log("监听注册完成");
    return () => {
      console.log("卸载Auth监听");
      unsubscribe();
    };
  }, [navigation]); // 加入navigation作为依赖
  

• 更新Firebase SDK版本
  旧版本SDK可能与当前Expo版本不兼容，执行命令更新：

  npm install firebase@latest
  # 或 yarn add firebase@latest
  

  同时确认Expo SDK版本与Firebase SDK的兼容性。

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