Как получить глубокую ссылку на вложенные навигаторы в React Navigation?

Question

Моя структура навигации выглядит следующим образом:

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, который является первым экраном моего приложения.Как правильно ссылаться на вложенные навигаторы и ссылаться на правильный экран?

Answer 1

В соответствии с документацией, вам также необходимо настроить собственную часть Android и iOS, чтобы она работала правильно.

Здесь описано: https://reactnavigation.org/docs/en/deep-linking.html#set-up-with-react-native-init-projects