如何使网站 URL 在 React Navigation 中用作前缀

编程问答 2022-05-18

问题描述

我想做什么

我目前正在尝试将 deep linking 设置到我的 React Native 应用中。我正在创建一个共享功能，以便用户可以在我的应用程序中向他的朋友展示一个页面。当您单击 Netflix 或 Spotify 的链接时，我想要相同的行为 - 即使应用程序已关闭，它也会直接打开应用程序。

我已经做过的

为了做到这一点，我创建了一个 Nextjs 网络应用程序，为我的链接提供一些漂亮的元标记。

此外，我已经使用 Navigator 配置了我的 React Navigation v5。

const config = {
    screens: {
        Feed: {
            screens:{
                LocalInside: "share/:localId"
            }
        },Ranking: 'ranking'
    },};

const linking = {
    prefixes: ['https://[myapp]-web.vercel.app','[myapp]://'],config,};
...
<NavigationContainer linking={linking}>

注意：两个链接的后缀相同，即“/share/:localID”

问题

最后，我了解到为了测试 deep link 我可以使用 uri-scheme 所以我跑了

npx uri-scheme open [myapp]://share/[someLocalID] --android

它奏效了。但我无法让我的 vercel.app 链接工作。不在 Android 浏览器上，也不在使用 uri-scheme。

所以我想知道如何让我的 Nextjs 网站 URL 像 uri-scheme 命令一样直接打开我的应用程序。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

deep-linkingreact-navigationreactjsreactjsreactjsreactjs