react-native-fcm点击托盘通知后如何在特定页面上重定向

时间:2017-08-25 04:09:44

标签: ios firebase react-native push-notification firebase-cloud-messaging

我试图在react-native-fcm中点击托盘的通知后重定向特定页面,但无法这样做。 React native fcm文档没有关于处理Click侦听器的正确文档

I follow this tutorial for react-native-fcm

 this.notificationListener = FCM.on(FCMEvent.Notification, notif => {
  console.log("Notification recived", notif);
  if(notif.local_notification){
     console.log("Notification recived local", "local notification");

    return;
  }
  if(notif.opened_from_tray){

     console.log("Notification recived tray ", "opened from tray");

    return;
  }

  if(Platform.OS ==='ios'){
          //optional
          //iOS requires developers to call completionHandler to end notification process. If you do not call it your background remote notifications could be throttled, to read more about it see the above documentation link.
          //This library handles it for you automatically with default behavior (for remote notification, finish with NoData; for WillPresent, finish depend on "show_in_foreground"). However if you want to return different result, follow the following code to override
          //notif._notificationType is available for iOS platfrom
          switch(notif._notificationType){
            case NotificationType.Remote:
              notif.finish(RemoteNotificationResult.NewData) //other types available: RemoteNotificationResult.NewData, RemoteNotificationResult.ResultFailed
              break;
            case NotificationType.NotificationResponse:
              notif.finish();
              break;
            case NotificationType.WillPresent:
              notif.finish(WillPresentNotificationResult.All) //other types available: WillPresentNotificationResult.None
              break;
          }
  }

任何帮助都将不胜感激。

提前致谢

1 个答案:

答案 0 :(得分:0)

大家通过在opens_from_tray块通知中使用setTimeout函数来解决所有问题。

示例代码

redirect(){ this.props.navigator.push({name:"DetailPage", data:this.state.pageData[1]}); }

`

this.notificationListener = FCM.on(FCMEvent.Notification, notif => {
console.log("Notification recived", notif);
if(notif.local_notification){
console.log("Notification recived local", "local notification");

  if(notif.opened_from_tray){

     console.log("Notification recived local ", "opened from tray");

    setTimeout(() => {

    //    console.log('setting page call!'); 
    console.log('this is props',props);
      this.redirect()
      // this.props.navigator.push({name:"Sports"});
    //  // this.props.navigator.push({name:'DetailPage',data:Data});
    }, 5000);

     //this.props.navigator.push({name:"Settings"});

  }

return;
}
if(notif.opened_from_tray){

 console.log("Notification recived tray ", "opened from tray");
 //this.props.navigator.replacePrevious({name:"Settings"});
return;
}

if(Platform.OS ==='ios'){
//optional
//iOS requires developers to call completionHandler to end notification process. If you do not call it your background remote notifications could be throttled, to read more about it see the above documentation link.
//This library handles it for you automatically with default behavior (for remote notification, finish with NoData; for WillPresent, finish depend on "show_in_foreground"). However if you want to return different result, follow the following code to override
//notif._notificationType is available for iOS platfrom
switch(notif._notificationType){
case NotificationType.Remote:
notif.finish(RemoteNotificationResult.NewData) //other types available: RemoteNotificationResult.NewData, RemoteNotificationResult.ResultFailed
break;
case NotificationType.NotificationResponse:
notif.finish();
break;
case NotificationType.WillPresent:
notif.finish(WillPresentNotificationResult.All) //other types available: WillPresentNotificationResult.None
break;
}
}`