簡體   English   中英

如何在React Navigation中深層鏈接到嵌套導航器?

[英]How to deep link to nested navigators in React Navigation?

我的導航結構如下:

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 ,這是我的應用程序的第一個屏幕。 如何正確鏈接到嵌套導航器並鏈接到正確的屏幕?

根據文檔,您似乎還需要設置Android和iOS本機部分才能使其正常工作。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM