React Native Firebase iOS端点击通知提示无监听问题解决

这个问题本质是iOS触发通知点击事件时，你的onNotificationOpened监听器还没完成注册——尤其是当App从后台被完全杀死的状态下点击通知启动时，你的监听器注册逻辑（比如依赖onAuthStateChanged的回调）还没执行，自然就找不到监听者了。下面是具体的解决步骤：

1. 提前注册监听器，放在App初始化最早期 #

把通知点击的监听器注册逻辑，放到App启动的第一时间（比如根组件的初始化生命周期里），不要依赖authStateChanged这类异步回调。以React Native为例，你可以在根组件的useEffect里优先注册监听器：

import { useEffect } from 'react';
import messaging from '@react-native-firebase/messaging';
import AsyncStorage from '@react-native-async-storage/async-storage';

function App() {
  useEffect(() => {
    // 第一步：先注册通知打开的监听器
    const unsubscribeOpened = messaging().onNotificationOpenedApp(remoteMessage => {
      console.log('用户点击了通知:', remoteMessage);
      // 这里写你的跳转/业务逻辑，比如根据通知数据跳转到对应页面
    });

    // 额外处理：App被完全杀死时点击通知启动的情况
    messaging()
      .getInitialNotification()
      .then(remoteMessage => {
        if (remoteMessage) {
          console.log('从杀死状态通过通知启动App:', remoteMessage);
          // 同样处理业务逻辑
        }
      });

    // 第二步：再处理权限请求、Token获取和订阅逻辑
    const setupPush = async () => {
      await messaging().requestPermission();
      
      const registerToken = await AsyncStorage.getItem('registerPushToken');
      const deviceToken = await messaging().getToken();
      
      if (registerToken !== deviceToken) {
        // 执行你的dispatch(subsc...)逻辑
        await AsyncStorage.setItem('registerPushToken', deviceToken);
      }
    };

    setupPush();

    // 组件卸载时清理监听器
    return () => {
      unsubscribeOpened();
    };
  }, []);

  // ... 你的其他组件代码
}

2. 检查iOS原生端的配置是否正确 #

确保iOS的AppDelegate（Swift/OC）里正确实现了通知回调，把通知事件传递给Firebase：

Swift版AppDelegate示例： #

import FirebaseMessaging
import UserNotifications

class AppDelegate: UIResponder, UIApplicationDelegate, UNUserNotificationCenterDelegate, MessagingDelegate {

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // 初始化Firebase
        FirebaseApp.configure()
        
        // 设置通知代理
        UNUserNotificationCenter.current().delegate = self
        Messaging.messaging().delegate = self
        
        // 请求通知权限
        let authOptions: UNAuthorizationOptions = [.alert, .badge, .sound]
        UNUserNotificationCenter.current().requestAuthorization(
            options: authOptions,
            completionHandler: { _, _ in }
        )
        
        application.registerForRemoteNotifications()
        return true
    }

    // 处理前台收到通知的展示逻辑
    func userNotificationCenter(_ center: UNUserNotificationCenter, willPresent notification: UNNotification, withCompletionHandler completionHandler: @escaping (UNNotificationPresentationOptions) -> Void) {
        completionHandler([.banner, .sound])
    }

    // 处理用户点击通知的事件，必须把事件传递给Firebase
    func userNotificationCenter(_ center: UNUserNotificationCenter, didReceive response: UNNotificationResponse, withCompletionHandler completionHandler: @escaping () -> Void) {
        Messaging.messaging().appDidReceiveMessage(response.notification.request.content.userInfo)
        completionHandler()
    }

    // 获取FCM Token的回调（可选，用来更新服务器Token）
    func messaging(_ messaging: Messaging, didReceiveRegistrationToken fcmToken: String?) {
        print("FCM Token更新: \(fcmToken ?? "")")
    }
}

3. 避免监听器被过早销毁 #

不要把监听器注册在某个页面组件里——如果用户点击通知时该页面还没挂载，监听器就不存在了。一定要放在全局的根组件或者App初始化的入口处，确保App启动后监听器始终存在。

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