React Native中Firebase Auth(v9)创建用户无响应问题

• 跨端（Android/iOS）React Native应用集成Firebase邮箱认证时，调用createUserWithEmailAndPassword无任何响应：后台无新增用户、Promise回调不触发、控制台无报错
• 方法调用前的日志可正常输出，then/catch块内的日志完全不打印
• 尝试将Firebase降级到v8版本并适配代码后，问题未解决

这个问题的根本原因是React Native环境下Firebase Auth模块未配置适配的持久化存储层。
Firebase JS SDK默认面向Web环境开发，初始化Auth时会默认调用浏览器专属的LocalStorage、IndexedDB接口存储登录态，React Native运行环境不存在上述Web API，会导致所有鉴权请求直接挂起，既不会触发resolve进入then逻辑，也不会抛出错误进入catch逻辑。哪怕降级到v8版本，只要没有手动指定React Native可用的持久化方案，问题会一直存在。
除此之外现有代码还有3个隐藏逻辑问题：

• 表单校验逻辑错误：使用&&做非空判断，只有邮箱和密码同时为空时才会弹出提示，单字段为空时会直接发起无效请求
• updateProfile是异步方法，未等待执行完成就跳转页面，会偶现用户昵称更新丢失的问题
• 注册请求报错时没有重置loading状态，会导致页面一直卡在加载态

1. 安装依赖 #

首先安装React Native环境下Firebase Auth依赖的异步存储库：

# npm安装
npm install @react-native-async-storage/async-storage
# yarn安装
yarn add @react-native-async-storage/async-storage

安装完成后执行cd ios && pod install完成iOS端原生依赖链接。

2. 修正Firebase初始化配置 #

修改database/firebase.js文件，替换原来的getAuth初始化方式，显式指定React Native可用的持久化层：

// database/firebase.js
import { initializeApp } from 'firebase/app';
// 注意：引入initializeAuth和React Native专属持久化方法，替换原来的getAuth
import { initializeAuth, createUserWithEmailAndPassword, getReactNativePersistence } from 'firebase/auth'
import AsyncStorage from '@react-native-async-storage/async-storage';

const firebaseConfig = {
  // 替换为你Firebase控制台的实际配置参数
};

const app = initializeApp(firebaseConfig);
const auth = initializeAuth(app, {
  persistence: getReactNativePersistence(AsyncStorage)
});

export function signup(email, password) {
    return createUserWithEmailAndPassword(auth, email, password);
}

如果你已经降级到Firebase v8版本，对应配置调整为：

import firebase from 'firebase/app';
import 'firebase/auth';
import AsyncStorage from '@react-native-async-storage/async-storage';

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

if (!firebase.apps.length) {
  firebase.initializeApp(firebaseConfig);
}
// v8版本手动配置持久化，解决请求挂起问题
firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL);

export function signup(email, password) {
  return firebase.auth().createUserWithEmailAndPassword(email, password);
}

配置完成后建议完全卸载应用重装，避免热更新缓存导致的重复初始化报错。

3. 修复注册页逻辑问题 #

修改components/signup.js中的registerUser方法，修正校验逻辑、补全异步等待、错误处理：

registerUser = async () => {
  // 修正校验逻辑：任意必填项为空就提示
  if(this.state.displayName === '' || this.state.email === '' || this.state.password === '') {
    Alert.alert('请填写所有必填信息');
    return;
  }
  // 重置状态
  this.setState({
    isLoading: true,
    errorMessage: ''
  });
  try {
    console.log("发起注册请求");
    const res = await signup(this.state.email, this.state.password);
    console.log('注册返回结果', res);
    const user = res.user;
    // 等待用户信息更新完成再跳转
    await user.updateProfile({
      displayName: this.state.displayName
    });
    console.log('注册成功');
    this.setState({
      isLoading: false,
      displayName: '',
      email: '', 
      password: ''
    });
    this.props.navigation.navigate('Login');
  } catch (error) {
    console.log('注册出错', error);
    this.setState({ 
      isLoading: false,
      errorMessage: error.message 
    });
    Alert.alert('注册失败', error.message);
  }
}

如果完成上述配置后问题仍然存在，逐一检查以下配置：

• 确认Firebase控制台的Authentication-登录方法页面，已经开启「电子邮箱/密码」登录方式，未开启时请求会被服务端拦截
• 确认firebaseConfig中的apiKey、authDomain、projectId等参数和控制台给出的完全一致，无拼写错误、多余空格
• 确认测试设备/模拟器网络可正常访问Firebase服务，无防火墙、代理规则拦截请求；iOS端需检查ATS配置，确保允许和Firebase服务域的连接
• Firebase v9.8.3和React Native 0.68.2版本兼容，不需要强制降级到v8版本

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