React Native中Firebase onAuthStateChanged刷新页面返回User=null求助

针对你遇到的登录正常但重启/重新加载组件后onAuthStateChanged返回null的问题，结合React Native 0.71和Firebase V9的环境，给出以下排查和解决步骤：

1. 显式设置Firebase Auth持久化模式 #

Firebase Auth默认应该使用本地持久化，但在React Native环境中可能存在配置失效的情况，需要显式指定持久化策略：

// 在你的firebase初始化文件（比如utils/firebase.js）中
import { initializeApp } from 'firebase/app';
import { getAuth, setPersistence, localPersistence } from 'firebase/auth';

const firebaseConfig = {
  // 你的Firebase配置信息
};

const app = initializeApp(firebaseConfig);
const auth = getAuth(app);

// 显式设置本地持久化
setPersistence(auth, localPersistence)
  .catch(err => console.error('设置持久化失败:', err));

export { auth };

2. 确保Firebase初始化完成后再监听Auth状态 #

组件挂载时Firebase可能还未完成初始化，导致监听时无法读取本地缓存的用户数据。可以先等待Firebase初始化完成再启动监听：

import { onAuthStateChanged } from 'firebase/auth';
import React, { useEffect, useState } from 'react';
import { auth } from '../../utils/firebase';
import { Text } from 'react-native';

export default function GetStarted({navigation}) {
  const [isFirebaseReady, setIsFirebaseReady] = useState(false);

  useEffect(() => {
    // 等待Firebase初始化及持久化设置完成
    const checkFirebaseReady = async () => {
      // 推荐在firebase初始化文件中暴露初始化完成的Promise，替代延迟方案
      await new Promise(resolve => setTimeout(resolve, 500));
      setIsFirebaseReady(true);
    };
    checkFirebaseReady();
  }, []);

  useEffect(() => {
    if (!isFirebaseReady) return;

    // 订阅Auth状态变化，并在组件卸载时取消订阅
    const unsubscribe = onAuthStateChanged(auth, user => {
      console.log('user :', user);
      if (user) {
        navigation.replace('MainApp');
      }
    });

    return unsubscribe;
  }, [navigation, isFirebaseReady]);

  // 初始化完成前显示加载状态
  if (!isFirebaseReady) {
    return <Text>加载中...</Text>;
  }

  return (
    // 你的组件UI内容
  );
}

3. 正确清理Auth状态监听 #

之前的代码没有取消onAuthStateChanged的订阅，可能导致内存泄漏或状态混乱。务必将订阅的返回函数作为useEffect的清理函数返回，确保组件卸载时停止监听。

4. 检查设备存储权限（真机测试） #

如果是在真机上测试，确保APP拥有对应存储权限：

• Android：在android/app/src/main/AndroidManifest.xml中确认权限（React Native 0.71通常默认包含）：

  <uses-permission android:name="android.permission.INTERNET" />
  <!-- 内部存储权限默认开启，若有问题可添加 -->
  <uses-permission android:name="android.permission.READ_INTERNAL_STORAGE" />
  

• iOS：Firebase使用Keychain存储用户信息，确保项目配置了正确的Capabilities（如Keychain Sharing，按需开启）。

5. 重置APP缓存测试 #

如果上述步骤无效，尝试清除APP的本地数据（安卓：设置-应用-对应APP-清除数据；iOS：删除APP重装），重新登录后再重启APP，排查是否为缓存损坏导致的问题。

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