React Native集成Firebase注册用户时添加文档到集合持续挂起问题

1. 定时器警告导致异步回调阻塞 #

你遇到的长定时器警告是Firebase Web SDK与React Native Android端兼容的典型问题，Firebase Web SDK内部依赖的长定时器会被Android端限制，直接导致Firestore异步操作的回调无法触发，表现为程序卡住无输出。

最优解决方案 #

优先使用React Native官方维护的Firebase原生SDK：

• 替换当前使用的Firebase Web SDK为@react-native-firebase系列包，包含@react-native-firebase/app、@react-native-firebase/auth、@react-native-firebase/firestore，原生SDK完全规避了Web端定时器的兼容问题，性能和稳定性更好。

临时修复方案 #

如果要继续使用Firebase Web SDK，可在项目入口文件（如index.js）顶部添加定时器兼容补丁：

import { LogBox } from 'react-native';
// 忽略定时器警告
LogBox.ignoreLogs(['Setting a timer for a long period of time']);

// 截断超过1分钟的长定时器
const originalSetTimeout = global.setTimeout;
const originalClearTimeout = global.clearTimeout;
const MAX_ALLOWED_DURATION = 60 * 1000;

global.setTimeout = (callback, duration = 0, ...args) => {
  const finalDuration = Math.min(duration, MAX_ALLOWED_DURATION);
  return originalSetTimeout(callback, finalDuration, ...args);
};
global.clearTimeout = originalClearTimeout;

2. Firestore安全规则配置问题 #

如果定时器修复后仍然无输出，大概率是Firestore默认安全规则禁止写入操作，可按以下步骤排查：

• 测试阶段先将Firestore安全规则临时调整为开放模式，验证写入逻辑是否正常：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if true;
    }
  }
}

• 验证写入正常后，调整为符合安全要求的规则，仅允许用户操作自己的个人文档：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{userId} {
      allow read, write: if request.auth != null && request.auth.uid == userId;
    }
  }
}

3. 代码异步写法优化 #

你当前的代码混用了await和.then/.catch，内层的.catch如果没有抛出错误，外层的try/catch无法捕获异常，可调整为纯await写法方便排查：

// 替换原有的set操作代码
if (user) {
  try {
    const setResult = await usersCollection.doc(user.uid).set(userProfile);
    console.log('写入成功', setResult);
  } catch (setError) {
    console.log('写入失败', setError);
    throw setError; // 抛出错误触发外层的SIGN_UP_ERROR dispatch
  }
}

另外注册成功返回的user对象一定存在，不要使用可选链?.获取uid，避免生成无效的文档id导致异常。

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