如何打开特定屏幕以React Native显示通知的详细信息

时间:2019-06-27 08:09:39

标签: react-native push-notification react-native-android

如何跳过/打开基于特定屏幕的通知。示例:当用户单击通知时,应用程序应打开并直接转到通知页面,而不是首页。

1 个答案:

答案 0 :(得分:0)

当我使用react-native-push-notification时,我会用这种方式获取通知文本:

componentWillMount() {
 var _this = this;
 PushNotification.configure({
       onRegister: function(token) {
        _this.props.InitToken(token.token);
    },

 onNotification: function(notification) {
      setTimeout(() => {
        if(!notification['foreground']){
          _this.props.InitNotif(notification['message']);
        }
      }, 1);
      PushNotification.localNotificationSchedule({
        title: 'Notification with my name',
        message: notification['name'], // (required)
        date: new Date(Date.now()) // in 60 secs
      });
},

    // ANDROID ONLY: GCM Sender ID (optional - not required for local notifications, but is need to receive remote push notifications)
    senderID: "YourID",
});
 }

其中

  _this.props.InitToken(token.token); 

_this.props.InitNotif(notification['message']);

是基于redux的功能,可通过通知令牌和消息更新您的状态。当您的状态更新时,通知消息可以更改路线,也可以在屏幕上显示该消息。

PS:

  • 我不知道这是否是个好方法,但是我正在工作

  • componentWillMount()已弃用。