如何防止第一条路线显示在react-native中的通知点击

Question

我已经使用react-native-push-nofication 实现了推送通知，这是我的推送通知配置。

const configure = () => {

 var _token

 PushNotification.configure({

   onRegister: function(token) {
     //process token

     //alert(JSON.stringify(token));
     Clipboard.setString(JSON.stringify(token))
   },

   onNotification: function(notification) {
     // process the notification
     // required on iOS only
     navigator.navigate(notification.data.url);
    // notification.finish(PushNotificationIOS.FetchResult.NoData);
   },

   senderID: Config.GCMSENDERKEY,

   permissions: {
     alert: true,
     badge: true,
     sound: true
   },

   popInitialNotification: true,
   requestPermissions: true,

 });
};

此代码成功导航到期望路线，但是当应用程序处于后台时，当用户单击通知时，它会在导航到期望路线之前显示应用程序的根路线（启动画面）。我根本不想出现闪屏。

Answer 1

我刚刚查看了这个库，我不得不说，它的设计真的很糟糕。你应该转到react-native-firebase。

但如果你想坚持下去：

我们首先要弄清楚，我们如何才能获得打开应用程序的通知？

我们不能使用库中的onNotification，因为我们不知道回调何时会被调用。

库有一个选项popInitialNotification，它将抛出打开应用程序的初始通知。如果你在库的源代码中搜索这个变量你会find the following:

    if ( this.hasPoppedInitialNotification === false &&
            ( options.popInitialNotification === undefined || options.popInitialNotification === true ) ) {
        this.popInitialNotification(function(firstNotification) {
            if ( firstNotification !== null ) {
                this._onNotification(firstNotification, true);
            }
        }.bind(this));
        this.hasPoppedInitialNotification = true;
    }

如您所见，它将调用一个名为popInitialNotification(callback) 的function，并带有一个带有初始通知的回调函数。

您现在可以使用该功能获取初始通知。

PushNotification.popInitialNotification(function(notification) {

});

现在您可以直接访问初始通知，而无需等待onNotification。

从这里开始，您可以使用 react-navigation 中的 SwitchNavigator，如下例所示：https://reactnavigation.org/docs/en/auth-flow.html