反应导航中嵌套导航器中的深层链接

Question

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

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

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} />;

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

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