React-Native 使用 react-navigation 处理推送通知

Question

我需要处理推送通知，我正在使用onesignal。 目前我正在主屏幕中处理推送通知，我正在使用react-navigation。

 componentDidMount() {
        OneSignal.addEventListener('received', this.onReceived);
        OneSignal.addEventListener('opened', this.onOpened);

    }
 componentWillUnmount() {
        // OneSignal.removeEventListener('received');
        // OneSignal.removeEventListener('opened');
    }

onReceived(notification) {
    console.log('Notification received: ', notification);
}
onOpened = (data) => {
    const { notification: { payload } } = data;
    if (payload.additionalData) {
        if (payload.additionalData.params) {
            this.props.navigation.navigate({
                routeName: payload.additionalData.route,
                params: payload.additionalData.params,
                key: payload.notificationID
            });
        }
    }
}

使用此代码，我可以导航到通知数据包中指定的路线。 现在我面临的问题是，我有一个屏幕，我想刷新我的页面，例如调用该组件的getData();。 使用这种方法，我可以导航到该屏幕，如果我在该屏幕上收到通知。借助键，我可以导航到该屏幕。

假设我要去 OrderDetail 屏幕，当我收到通知时，它会导航到 Order Detail， Home Screen --> Order Detail 现在如果我在OrderDetail 里面并且如果我收到通知，那就是

Home Screen ---> Order Detail ---> Order Detail ...等等' 在这种情况下如何处理推送通知？

Answer 1

可能...在主页和详细信息页面上以不同方式处理推送通知。

说，在首页页面，didFocus时监听通知，willBlur时移除监听器。因此，只有当用户在 Home 上时，处理程序才会起作用。并在主页页面的通知处理程序中导航（路由）到“详细信息”。

同样，在Detail页面，didFocus时监听通知，willBlur时删除监听器。而处理程序只是在收到通知时更新内容。

---编辑---

首页：

constructor() {
  this.props.navigation.addListener(
    'willBlur',() => {
      OneSignal.removeEventListener('received');
      OneSignal.removeEventListener('opened');
    }
  );

  this.props.navigation.addListener(
    'didFocus',() => {
      OneSignal.addEventListener('received');
      OneSignal.addEventListener('opened');
    }
  );
}
// handler implementation is the same

详情：

//same lifecycle implementation
// but different handler
onOpened = (data) => {
const { notification: { payload } } = data;
if (payload.additionalData) {
    if (payload.additionalData.params) {
        this.setState(paramsUsedByDetail: payload.additionalData.params);
    }
}