react-native - react 导航中嵌套导航器中的深度链接

Question

我正在使用 react-navigation 并且根据我的应用程序的结构，我们在堆栈导航器中有一个选项卡导航器，我无法找到任何适当的实现深度链接的指南。

https://v1.reactnavigation.org/docs/deep-linking.html. this doesn't give any reference for nested navigators.

Answer 1

基本上，您必须将 path 传递给每个上层路由，直到您到达嵌套路由。这与您使用的导航器类型无关。

const HomeStack = createStackNavigator({
    Article: {
        screen: ArticleScreen,
        path: 'article',
    },
});

const SimpleApp = createAppContainer(createBottomTabNavigator({
    Home: { 
        screen: HomeStack,
        path: 'home',
    },
}));

const prefix = Platform.OS == 'android' ? 'myapp://myapp/' : 'myapp://';

const MainApp = () => <SimpleApp uriPrefix={prefix} />;

在这种情况下，要路由到内部导航器，这是路由:myapp://home/article。

这个例子使用的是react-navigation@^3.0.0，但是很容易转移到v1。