在应用程序处于前台或关闭状态时收到推送通知时的正确导航方式

Question

对于使用反应导航的所有人员来说这是一个普遍的问题，以下是我的导航结构

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

反应本色0.49.3

Answer 1

要实现此行为，您需要对您的应用程序实施深度链接。react-navigation详细的示例和解释可以在文档和本期中找到。

来自 React-Native 文档

链接为您提供了一个与传入和传出应用程序链接进行交互的通用界面。

来自react-navigation文档

深层链接

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

从react-native-fcm问题来看

您可以使用通知侦听器来获取通知详细信息，并使用您的路由器（在我的例子中是react-native-router-flux）来触发所需的操作并显示正确的视图。