Comment naviguer l'écran sur la notification ouverte dans React Native avec un signal?

Question

Voici mon code, comment puis-je naviguer l'utilisateur à l'écran souhaité lorsque vous cliquez sur une notification ou un bouton dans une notification.

componentWillMount() { 
    OneSignal.addEventListener('received', this.onReceived); 
    OneSignal.addEventListener('opened', this.onOpened); 
    OneSignal.addEventListener('registered', this.onRegistered); 
    OneSignal.addEventListener('ids', this.onIds); 

    OneSignal.inFocusDisplaying(2); 
    OneSignal.requestPermissions({ 
     alert: true, 
     badge: true, 
     sound: true 
    }); 
} 

componentWillUnmount() { 
    this.isUnmounted = true; 

    OneSignal.removeEventListener('received', this.onReceived); 
    OneSignal.removeEventListener('opened', this.onOpened); 
    OneSignal.removeEventListener('registered', this.onRegistered); 
    OneSignal.removeEventListener('ids', this.onIds); 
} 

onReceived(notification) { 
    console.log("Notification received: ", notification); 
} 

onOpened(openResult) { // HERE I WANT TO NAVIGATE TO ANOTHER SCREEN INSTEAD OF HOME SCREEN 
    this.isNotification = true; 

    let data = openResult.notification.payload.additionalData; 
    let inFocus = openResult.notification.isAppInFocus; 

    console.log('Message: ', openResult.notification.payload.body); 
    console.log('Data: ', openResult.notification.payload.additionalData); 
    console.log('isActive: ', openResult.notification.isAppInFocus); 
    console.log('openResult: ', openResult); 
} 

onRegistered(notifData) { 
    console.log("Device had been registered for push notifications!", notifData); 
} 

onIds(device) { 
    try { 
     AsyncStorage.setItem("@SC:deviceInfo", JSON.stringify(device)); 
    } catch (error) { 
     console.log(error); 
    } 
} 

Quelqu'un at-il des connaissances à ce sujet, Réagissez Native + OneSignal + React Navigation + Redux. S'il vous plaît aider!

Answer 1

Pour atteindre le comportement souhaité, vous pouvez faire deux choses. Vous pouvez vérifier manuellement la notification et l'état du routeur et, si nécessaire, rediriger l'utilisateur vers l'écran ou utiliser la fonctionnalité Deep Linking.

Pour utiliser la liaison profonde, vous devez associer le paramètre url à votre notification lors de l'envoi. Pour diriger l'utilisateur vers l'écran approprié dans votre application, vous pouvez utiliser la fonctionnalité react-navigation deep linking.

D'une documentation signal

chaîne url L'URL pour ouvrir dans le navigateur lorsqu'un utilisateur clique sur la notification . Exemple: http://www.google.com

Note: a besoin iOS https ou mis à jour NSAppTransportSecurity dans plist

---

De React Navigation Documentation

liens profonds

Dans ce guide, nous mettra en place notre un pp pour gérer les adresses URI externes. Commençons par le SimpleApp que nous avons créé dans le getting started guide. Dans cet exemple, nous voulons un URI comme mychat://chat/Taylor pour ouvrir notre application et un lien directement dans la page de chat de Taylor.