React Native中Firebase Auth状态持久化失效问题求助

核心问题分析 #

你当前代码存在两个关键错误：

1. 使用了inMemoryPersistence——这是内存级临时持久化，应用退出后Auth状态会直接清空，完全不符合持久化需求。
2. 在登录操作中才调用setPersistence——Firebase要求持久化配置必须在任何Auth操作（如登录）之前设置，最佳时机是初始化Auth阶段。

修复步骤 #

1. 安装依赖

React Native环境下，Firebase Auth需要依赖AsyncStorage实现本地持久化，先安装官方库：

npm install @react-native-async-storage/async-storage
# 或使用yarn
yarn add @react-native-async-storage/async-storage

2. 初始化Auth时配置持久化

修改Firebase初始化代码，在初始化Auth时直接绑定React Native专用的持久化实现：

import { initializeApp } from 'firebase/app';
import { getAuth, initializeAuth, getReactNativePersistence } from 'firebase/auth';
import AsyncStorage from '@react-native-async-storage/async-storage';

// 你的Firebase配置信息
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  // ...其他配置项
};

const app = initializeApp(firebaseConfig);

// 绑定AsyncStorage作为持久化存储
const auth = initializeAuth(app, {
  persistence: getReactNativePersistence(AsyncStorage)
});

3. 简化登录逻辑

移除登录函数中的setPersistence调用，直接执行登录操作：

onSignIn(props) {
  const { email, password } = this.state;
  
  // 简化输入校验
  if (!email.trim() || !password.trim()) {
    Alert.alert("", "Fields can't be empty", [{ text: "OK" }]);
    return;
  }

  signInWithEmailAndPassword(auth, email, password)
    .then((result) => {
      // 登录成功后的业务逻辑
    })
    .catch((error) => {
      console.log(error);
    });
}

4. 统一Auth实例调用

确保状态监听使用同一个Auth实例，避免混用不同调用方式：

componentDidMount() {
  const auth = getAuth();
  auth.onAuthStateChanged((user) => {
    this.setState({
      loggedIn: !!user,
      loaded: true,
    });
  });
}

额外注意事项 #

• React Native 0.60+版本支持自动链接@react-native-async-storage/async-storage，低版本需要手动链接。
• 确保Firebase SDK为最新版本，旧版本可能存在React Native持久化兼容问题。
• 测试时需完全退出应用再重新打开，调试热重载可能影响持久化状态读取。

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