React Native(Expo)中Firebase Auth初始化及短信认证问题求助

核心解决思路 #

在Expo环境下，你需要通过initializeAuth方法替代默认的getAuth来初始化Firebase Auth，同时显式传入AsyncStorage作为持久化存储引擎，这样就能消除警告并实现认证状态跨会话持久化。

具体步骤 #

1. 导入必要依赖
   在你的Firebase配置文件（比如firebaseConfig.js）中，导入相关模块：

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

2. 修改Auth初始化代码
   先初始化Firebase App，再配置带持久化的Auth实例：

   // 替换成你自己的Firebase项目配置
   const firebaseConfig = {
     apiKey: "YOUR_API_KEY",
     authDomain: "YOUR_AUTH_DOMAIN",
     projectId: "YOUR_PROJECT_ID",
     storageBucket: "YOUR_STORAGE_BUCKET",
     messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
     appId: "YOUR_APP_ID"
   };
   
   const app = initializeApp(firebaseConfig);
   
   // 关键：配置AsyncStorage作为持久化存储
   const auth = initializeAuth(app, {
     persistence: getReactNativePersistence(AsyncStorage)
   });
   
   export { auth };
   

3. 验证效果

   • 执行expo start -c清除缓存后重启应用
   • 完成短信认证登录流程，关闭并重新打开应用
   • 检查控制台是否还存在"未提供AsyncStorage"的警告，同时确认用户认证状态是否保留

额外说明 #

• Expo环境下@react-native-async-storage/async-storage无需手动link，Expo已内置支持
• 确保你的firebase/auth版本为v9及以上，initializeAuth是模块化API中的专属方法

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