React-native：使用zo0r/React-native推送通知显示前台通知，如后台通知

Question

我已使用zo0r/React本机推送通知在我的React本机应用程序上设置推送通知。它可以在Android系统上运行，当应用程序处于后台模式时，也可以在iOS上运行。

但是，当应用程序在iOS的前台模式下时，不会显示通知。我知道我必须在前台模式下处理通知，但我希望它们的显示方式与在后台模式下的显示方式完全相同。

所以我做了以下几件事：

import {PushNotificationIOS} from 'react-native';

PushNotification.configure({
...
   onNotification: function(notification) {
      if (notification.foreground) {
         PushNotification.localNotification(notification);
      }
      notification.finish(PushNotificationIOS.FetchResult.NoData);
   },
...
}

但是什么都没发生，通知还是没有显示，我到底错过了什么？

Answer 1

我不得不在ios文件AppDelegate中添加一些配置。m

遵循这个要点确实使它发挥了作用。

我的代码如下所示：

onNotification(notification) {
  if (isIos) {
    if (
      notification.foreground &&
      (notification.userInteraction || notification.remote)
    ) {
      PushNotification.localNotification(notification);
    }
    notification.finish(PushNotificationIOS.FetchResult.NoData);
  } else {
    if (notification.foreground) {
      PushNotification.localNotification(notification);
    }
  }
},

我还将popFirst alNotify设置为true