检测是否通过推送通知打开了React Native iOS应用

Mark Amery 发表于 Dev

马克·阿默里

通过推送通知检测应用程序是否已启动/打开描述了如何通过用户点击推送通知来检测是否已打开本机iOS应用程序（即已启动还是仅处于活动状态）。

我如何在React Native中做同样的事情？PushNotificationIOS让我附加一个通知侦听器...

PushNotificationIOS.addEventListener('notification', function (notification) {
    console.log('got a notification', notification);
});

但是这两个触发当接收在前台的应用，推送通知，并当我通过推送通知打开应用程序。

我如何特别检测第二种情况？

马克·阿默里

这里有两种情况需要以不同的方式进行检测：

该应用程序已被完全终止（例如，通过重新启动手机，或者通过双攻的家，然后滑动它关闭在后台运行的应用程序的列表），并正在推出由用户的水龙头上的推送通知。可以通过该React.PushNotificationIOS.getInitialNotification方法检测（并获取通知的数据）。
该应用已被暂停，并且通过用户在推送通知上的点击而再次变为活动状态。只是像在本机应用程序，你可以告诉大家，这种情况正在发生，因为iOS的通过抽头通知您的应用程序时，它是开放（即使它是一个老的通知），使您的通知处理程序，以火，当你的应用程序是在UIApplicationStateInactive状态（或'background'状态，如React Native的AppStateIOS类所称）。

处理这两种情况的代码（您可以将其放在您index.ios.js或应用启动时运行的其他位置）：

import React from 'react';
import { PushNotificationIOS, AppState } from 'react-native';

function appOpenedByNotificationTap(notification) {
  // This is your handler. The tapped notification gets passed in here.
  // Do whatever you like with it.
  console.log(notification);
}

PushNotificationIOS.getInitialNotification().then(function (notification) {
  if (notification != null) {
    appOpenedByNotificationTap(notification);
  }
});

let backgroundNotification;

PushNotificationIOS.addEventListener('notification', function (notification) {
  if (AppState.currentState === 'background') {
    backgroundNotification = notification;
  }
});

AppState.addEventListener('change', function (new_state) {
  if (new_state === 'active' && backgroundNotification != null) {
    appOpenedByNotificationTap(backgroundNotification);
    backgroundNotification = null;
  }
});