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

Question

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

https://v1.reactnavigation.org/docs/deep-linking.html。这没有为嵌套导航器提供任何参考。

标签： react-native

Answer 1

您基本上必须将 a 传递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} />;

在这种情况下，路由到内部 Navigator 这是路由：myapp://home/article。

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