如何在 React Navigation 中深度链接到嵌套导航器？答案

【问题标题】：How to deep link to nested navigators in React Navigation?如何在 React Navigation 中深度链接到嵌套导航器？
【发布时间】：2019-02-17 00:38:15
【问题描述】：

我的导航结构如下：

const App = () => {
  const prefix = 'test://';
  return <AppNavigator uriPrefix={prefix} />;
};

const AppNavigator = createSwitchNavigator({
  splash: SplashScreen,
  auth: AuthStack,
  main: HomeStack,
});

const AuthStack = createStackNavigator({
  landing: LandingScreen,
  login: {
    screen: LoginScreen,
    path: 'page/login',
  },
  register: {
    screen: RegisterScreen,
    path: 'page/signup',
  },
});

const HomeStack = createStackNavigator({
  home: HomeScreen,
  details: {
    screen: DetailsScreen,
    path: 'details/:assetId',
  },
  upsell: {
    screen: UpsellScreen,
    path: 'page/upsell',
  },
});

我的深层链接 URI 是：

test://page/login
test://page/signup
test://details/12345
test://page/upsell

在链接到这些 URI 中的任何一个时，我总是被带到 SplashScreen，这是我的应用程序的第一个屏幕。如何正确链接到嵌套导航器并链接到正确的屏幕？

【问题讨论】：

标签： javascript reactjs react-native react-navigation

【解决方案1】：

根据文档，您似乎还需要设置 Android 和 iOS 原生部分才能使其正常工作。

这里有描述：https://reactnavigation.org/docs/en/deep-linking.html#set-up-with-react-native-init-projects

【讨论】：