使用Firestore onSnapshot+where in时，RN应用登出无日志崩溃

核心原因推测 #

登出时Firebase Auth状态切换为未登录，带有in条件的Firestore快照监听可能因权限校验异常或未及时清理订阅，触发SDK内部未捕获的错误导致崩溃。以下是针对性解决方案：

1. 手动管理快照订阅，登出时强制取消监听 #

在Auth状态变为未登录时，主动调用Firestore快照的取消订阅函数，避免SDK在无权限状态下继续尝试获取数据。

import { useEffect, useRef } from 'react';
import auth from '@react-native-firebase/auth';
import firestore from '@react-native-firebase/firestore';

const HomeScreen = () => {
  // 存储快照订阅的取消函数
  const unsubscribeSnapshot = useRef(null);

  const subscribeToCategories = (categoriesList) => {
    // 空列表直接取消现有订阅，避免无效查询
    if (!categoriesList?.length) {
      unsubscribeSnapshot.current?.();
      unsubscribeSnapshot.current = null;
      return;
    }

    try {
      const query = firestore()
        .collection('events')
        .where('startDate', '>=', new Date())
        .where('categoryID', 'in', categoriesList)
        .orderBy('startDate', 'asc')
        .limit(10);

      // 保存取消函数，并添加错误回调捕获异常
      unsubscribeSnapshot.current = query.onSnapshot(
        (snapshot) => {
          // 处理数据逻辑
        },
        (error) => {
          console.error('快照监听错误:', error);
        }
      );
    } catch (err) {
      console.error('订阅初始化错误:', err);
    }
  };

  useEffect(() => {
    // 初始化订阅
    subscribeToCategories(['cat1', 'cat2']);

    // 监听Auth状态，登出时立即取消快照订阅
    const unsubscribeAuth = auth().onAuthStateChanged((user) => {
      if (!user) {
        unsubscribeSnapshot.current?.();
        unsubscribeSnapshot.current = null;
      }
    });

    // 组件卸载时清理所有订阅
    return () => {
      unsubscribeSnapshot.current?.();
      unsubscribeAuth();
    };
  }, []);

  return <>{/* 页面内容 */}</>;
};

export default HomeScreen;

2. 检查并优化Firestore安全规则 #

登出后用户身份为null，若安全规则未处理匿名访问场景，带有in条件的查询可能触发SDK未处理的权限错误。临时放宽规则测试是否解决问题：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /events/{event} {
      // 临时允许匿名读取，测试是否因权限导致崩溃
      allow read: if true;
      // 后续恢复为正常权限规则：allow read: if request.auth != null && ...;
    }
  }
}

3. 升级依赖版本 #

你使用的@react-native-firebase/app@16.4.6可能存在已知的in条件快照监听bug，升级至兼容React Native 0.70.4的最新稳定版本（如18.x系列），同时确保所有Firebase模块版本一致。

4. 加固查询条件的边界处理 #

确保categoriesList始终为有效非空数组，避免因数组状态突变触发异常查询：

// 在调用subscribeToCategories前先校验
const validCategories = categoriesList?.filter(id => id != null) || [];
if (validCategories.length) {
  subscribeToCategories(validCategories);
} else {
  // 空列表时执行无category过滤的查询或直接清空数据
}

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