React native firebase在应用程序处于前台时不显示通知，所以我所做的是，我使用不同的库来处理前台通知。我正在使用react-native-push-notification。\

Android版

import PushNotification from 'react-native-push-notification';
import PushNotificationIos from '@react-native-community/push-notification-ios';

useEffect(() => {
    checkToken().then((token) => {
      console.log(token);
      // write to db
    });
    const unsubscribe = messaging().onMessage(async (remoteMessage) => {
      PushNotification.localNotification({
        message: remoteMessage.notification.body,
        title: remoteMessage.notification.title,
        bigPictureUrl: remoteMessage.notification.android.imageUrl,
        smallIcon: remoteMessage.notification.android.imageUrl,
      });
    });
    return unsubscribe;
  }, []);

iOS版：iOS版需要安装**@react-native-community/push-notification-ios**
另外，请按照文档中建议的所有本机安装步骤进行操作。然后编写以下代码

PushNotification.configure({
    onNotification: (notification) => {
      if (notification) {
        console.log(notification);
      }
    },
  });

  useEffect(() => {
    // To display notification when app is in foreground
    const unsubscribe = messaging().onMessage(async (remoteMessage) => {
      PushNotificationIos.addNotificationRequest({
        message: remoteMessage.notification.body,
        title: remoteMessage.notification.title,
        bigPictureUrl: remoteMessage.notification.android.imageUrl,
        smallIcon: remoteMessage.notification.android.imageUrl,
      });
    });

    return unsubscribe;
  }, []);

第一，你需要获得消息权限

async function requestUserPermission() {
    const authStatus = await messaging().requestPermission();
    const enabled =
      authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
      authStatus === messaging.AuthorizationStatus.PROVISIONAL;
  
    if (enabled) {
      console.log('Authorization status:', authStatus);
    }
}

然后你需要创建一个频道：

const createFCMChannel = async () => {
    const channelId = await notifee.createChannel({
      id: 'default',
      name: 'Default Channel',
    });
};

您可以只调用这个方法，它将从notifee调用“displayNotification”

function onMessageReceived(message) {
    notifee.displayNotification(message.notification);
}

您可以在应用启动时在useEffect中使用以下方法：

useEffect(() => {
    createFCMChannel();
}, []);

useEffect(() => {
    requestUserPermission();
    messaging().onMessage(onMessageReceived);
    messaging().setBackgroundMessageHandler(onMessageReceived);
}, []);

您可以直接从AppDelegate文件控制和打印通知数据。它允许更快的调试过程，因为你绕过你的应用程序逻辑，并在第一个传入的门玩数据。这样，您将发现问题在哪里-服务器端（通知数据结构等）。）或应用逻辑/本地处理过程。只需在Appdelegate中使用此示例代码部分。m文件：

Messaging.messaging().appDidReceiveMessage(userInfo) 

  With swizzling disabled you must let Messaging know about the message, for Analytics
  [[FIRMessaging messaging] appDidReceiveMessage:userInfo];
  FIRMessaging.messaging().appDidReceiveMessage(userInfo);
  Messaging.messaging().delegate = self
        completionHandler(.NoData)
          [[FIRMessaging messaging] appDidReceiveMessage:userInfo];

  ...

  // Print full message.
  NSLog(@"%@", userInfo);

根据经验，请查看Apple开发人员页面中关于结构和参数的内容：https://developer.apple.com/documentation/uikit/uiapplicationdelegate/1622921-application

我最终通过使用实际设备运行干净运行来修复它。

有几件事可以解决这个问题
1.可以检查通知员权限是否被授予？
1.检查是否设置了前台和后台通知？
1.卸载应用程序并重新安装。
1.使用真实的器械清洁运行。