Redirect to another screen

I want to push another page when the user touch notification in another problem if i push an notification with actions like: actions: '["Accept", "Reject"]' it doesnt show the action selected if app is foreground.

please, help me i try this so hard without results

import React from 'react';
import AppNavigator from './AppNavigator';

//PUSH NOTIFICATION
var PushNotification = require('react-native-push-notification');

PushNotification.configure({

    // (optional) Called when Token is generated (iOS and Android)
    onRegister: function(token) {
        console.log( 'TOKEN:', token );
        //console.warn('TOKEN:', token.token);
    },

    // (required) Called when a remote or local notification is opened or received
    onNotification: function(notification) {
        console.log( 'NOTIFICATION:', notification );
        this.props.navigation.navigate('Details');
        // process the notification

        // required on iOS only (see fetchCompletionHandler docs: https://facebook.github.io/react-native/docs/pushnotificationios.html)
        //notification.finish(PushNotificationIOS.FetchResult.NoData);
    },

    // ANDROID ONLY: GCM or FCM Sender ID (product_number) (optional - not required for local notifications, but is need to receive remote push notifications)
    senderID: "MYSENDERID",

    // IOS ONLY (optional): default: all - Permissions to register.
    permissions: {
        alert: true,
        badge: true,
        sound: true
    },

    // Should the initial notification be popped automatically
    // default: true
    popInitialNotification: true,

    /**
      * (optional) default: true
      * - Specified if permissions (ios) and token (android and ios) will requested or not,
      * - if not, you must call PushNotificationsHandler.requestPermissions() later
      */
    requestPermissions: true,
});
//END

export default class App extends React.Component {
  render() {
    return (
      <AppNavigator/>
    );
  }
}

[JoaquinDelPrado]

@saadmutahar take this as an example:

`export default class Login extends React.Component {
  constructor(props){
    super(props);
    this.setToken = this.setToken.bind(this);
    this.handleNotification = this.handleNotification.bind(this);
  } 

  setToken(token){
   //your logic here, save the token
  };

  handleNotification(notification){
    //your logic here,
    console.warn(notification);

    let isBackground = notification.foreground;
    if(isBackground == true){
      this.props.navigation.navigate('Home');
    }
  };
async componentDidMount(){     
    //PUSH NOTIFICATION
    var that = this;
    PushNotification.configure({

      onRegister: function(token) {
        //Función para guardar token
        that.setToken(token);
      },

      onNotification: function(notification) {
        //Función para manejar notificaciones  
        that.handleNotification(notification);  
        //notification.finish(PushNotificationIOS.FetchResult.NoData); //Solo para IOS
      },

      senderID: "30438xxxxxxx",
      permissions: {
          alert: true,
          badge: true,
          sound: true
      },
      popInitialNotification: true,
      requestPermissions: true,
    });

}

[JoaquinDelPrado]

Was there a solution for this?

Sure, take this example

async componentDidMount(){     
    //PUSH NOTIFICATION
    var that = this;
    PushNotification.configure({

      onRegister: function(token) {
        //Función para guardar token
        that.setToken(token);
      },

      onNotification: function(notification) {
        //Función para manejar notificaciones  
        that.handleNotification(notification);  
        //notification.finish(PushNotificationIOS.FetchResult.NoData); //Solo para IOS
      },

      senderID: "30438xxxxxxx",
      permissions: {
          alert: true,
          badge: true,
          sound: true
      },
      popInitialNotification: true,
      requestPermissions: true,
    });

}