Expo React Native集成Firebase用户数据无法持久化问题求助

针对你遇到的登录后重启应用用户状态丢失的问题，可按以下步骤排查修复：

1. 配置Firebase Auth的React Native持久化适配器 #

Firebase 9+版本在React Native环境下，需要手动指定使用@react-native-async-storage/async-storage作为持久化存储介质，默认配置可能无法适配Expo环境。

操作步骤： #

• 先安装依赖：

  npx expo install @react-native-async-storage/async-storage
  

• 修改AuthContext.js中的Auth初始化逻辑，替换原有getAuth为initializeAuth并指定持久化策略：

  import React from "react";
  import { onAuthStateChanged, initializeAuth } from "firebase/auth";
  import { getReactNativePersistence } from 'firebase/auth/react-native';
  import AsyncStorage from '@react-native-async-storage/async-storage';
  import firebase_app from "../firebase/config";
  import { Text } from "react-native";
  
  // 替换原有的getAuth初始化方式
  const auth = initializeAuth(firebase_app, {
    persistence: getReactNativePersistence(AsyncStorage)
  });
  
  export const AuthContext = React.createContext({});
  export const useAuthContext = () => React.useContext(AuthContext);
  
  export const AuthContextProvider = ({ children }) => {
    const [user, setUser] = React.useState(null);
    const [loading, setLoading] = React.useState(true);
  
    React.useEffect(() => {
      const unsubscribe = onAuthStateChanged(auth, (user) => {
        setUser(user || null);
        setLoading(false);
      });
  
      return () => unsubscribe();
    }, []);
  
    return (
      <AuthContext.Provider value={{ user }}>
        {loading ? <Text>Loading...</Text> : children}
      </AuthContext.Provider>
    );
  };
  

2. 修正用户状态监听逻辑 #

你当前获取用户的useEffect依赖为空数组，只会在组件挂载时执行一次，此时Auth状态可能还未完成初始化，导致打印出初始的null。需将user加入依赖数组，确保状态更新时触发回调：

const { user } = useAuthContext();
useEffect(() => {
  console.log(user);
}, [user]); // 加入user作为依赖项

3. 清除Expo缓存并重新构建 #

有时Expo Go的缓存会导致配置不生效，执行以下命令清除缓存后重启项目：

npx expo start -c

额外检查项 #

• 确认Firebase项目的Auth服务已启用，且所用登录方式（邮箱密码、Google登录等）已正确配置；
• 测试时使用真实设备或模拟器，避免Expo Go的网页预览模式；
• 若为iOS设备，确认项目已配置钥匙串访问权限（Expo模板默认包含，裸机项目需手动修改Info.plist）。

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