Effectuer une action après une notification push lorsque l'application est désactivée: react-native, IOS

Question

Travail sur un projet IOS réac-natif.

Lorsque l'application est mort et une notification push est reçue -

Je veux l'application pour accéder à une autre page en fonction de la charge utile de la notification. Lorsque l'application est au premier plan ou en arrière-plan - tout fonctionne très bien. lorsque l'application est supprimée - l'application s'ouvre elle-même.

ajouté ci-dessous est mon code Appdelegate.m. J'attrape la notification et la connecte à la console, mais je ne sais pas comment l'envoyer à react-native.

utilisant RN 0,46

expo 19 (à ExpoKit détaché)

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler 
{ 
    _window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 
    _window.backgroundColor = [UIColor whiteColor]; 
    [[ExpoKit sharedInstance] application:application didFinishLaunchingWithOptions:launchOptions]; 
    _rootViewController = [ExpoKit sharedInstance].rootViewController; 
    _window.rootViewController = _rootViewController; 

    [_rootViewController loadReactApplication]; 
    [_window makeKeyAndVisible]; 


    if ([launchOptions objectForKey:UIApplicationLaunchOptionsRemoteNotificationKey]) { 
      NSDictionary *notification = [launchOptions objectForKey:UIApplicationLaunchOptionsRemoteNotificationKey]; 
      if (notification) { 
       //logs the notification's payload 
       NSLog(@"app recieved notification from remote%@",notification); 
      } else { 
       NSLog(@"app did not recieve notification"); 
      } 

    } 

    return YES; 
} 

https://jsfiddle.net/nirbenya/pxojj7qv/

Answer 1

Pour atteindre un tel comportement, vous devez mettre en œuvre une sorte de deep linking pour votre application. De cette façon, vous pouvez écouter la charge utile dans votre application réag-native et naviguer vers l'écran correct. react-navigation et react-native-navigation ont leurs propres implémentations pour la liaison profonde.

De réagiront-natifs docs,

Manipulation des liens profonds

Si votre application a été lancée à partir d'une URL externe enregistrée à votre application vous pouvez accéder et manipuler de tout composant que vous voulez avec

componentDidMount() { 
    Linking.getInitialURL().then((url) => { 
    if (url) { 
     console.log('Initial url is: ' + url); 
    } 
    }).catch(err => console.error('An error occurred', err)); 
}