APP在前台或关闭时收到推流通知时的正确导航方式 [英] Correct way of navigation upon receiving push notification when app is in foreground or closed

问题描述

这是对所有使用Reaction导航的人的一般性问题，以下是我的导航结构

export const createRootNavigator = (signedIn = false) => {
  return StackNavigator({
      Login: screen: Login,
      Welcome: screen: Welcome,
      Loading: screen: Loading,
      SignedIn: screen:  SignedIn,
   });
};

export const SignedIn = TabNavigator ({
    Home: screen: HomeNavigation, 
    FeedBack: screen: FeedBackNavigation, 
    Search: screen: SearchNavigation, 
    Me: screen: ProfileNavigation,  
});

当应用程序处于前台或关闭时，我使用‘REACT-NATIVE-FCM’接收通知。我应该如何组织代码，以便在收到通知时导航到特定屏幕？ 我是应该在每个屏幕上订阅onNotification，然后导航到特定的屏幕，还是将其放在一个集中的位置？以前有人解决过这个问题吗？示例代码会很棒

软件版本：

反应-导航1.0.0-Beta.26

Reaction-Native 0.49.3

推荐答案

要实现此行为，您需要在您的应用程序中实现Deep Linking。有关详细示例和说明，请参阅react-navigation docs和this issue。

来自Reaction-Native Docs

链接为您提供了一个通用接口，以便与传入的 和传出应用链接。

来自react-navigation文档

深度链接

在本指南中，我们将设置我们的应用程序来处理外部URI。假设我们需要一个URI，如下所示 mychat://chat/Eric打开我们的应用程序并直接链接到聊天 名为"Eric"的用户的屏幕。

来自react-native-fcm问题

您可以使用通知侦听器获取通知详细信息 并使用您的路由器(在我的示例中为REACT-Native-Router-Flux)触发 所需操作并显示正确视图。

这篇关于APP在前台或关闭时收到推流通知时的正确导航方式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！