【问题标题】:Pass params in react native dynamic links在反应原生动态链接中传递参数
【发布时间】:2021-05-05 23:34:46
【问题描述】:

我正在使用 @react-native-firebase/dynamic-links 来处理 react native 应用程序中的 firebase 动态链接。

我创建了一个动态链接 https://example.page.link/settings,我希望有一个选项,我可以点击看起来像 https://example.page.link/settings?accounthttps://example.page.link/settings?notifications 的链接,它会带我进入帐户或通知屏幕在设置里面。

使用:

dynamicLinks().onLink(async (link) => {
  console.log({ link });
});

当我点击https://example.page.link/settings?account时, 我只收到一个包含 url(不包含参数 - 只是 https://example.page.link/settings)和 minimumAppVersion` 的对象。

我注意到,如果我在 Firebase 控制台 https://example.page.link/settings 中创建一个短链接,并且在第二步中我将 https://example.page.link/settings?account 作为深层链接,那么当我单击短链接时,我会收到带有 @ 的链接987654331@ 参数,但这并不能解决我的问题,因为我必须使用具有硬编码参数的不同深度链接创建一个单独的短链接

如果我想在我的应用程序中查看参数,或者对于这个用例,我将不得不使用自定义解决方案而不使用 firebase,那么使用 Firebase dynamic links 的正确方法是什么?

【问题讨论】:

    标签: react-native deep-linking react-native-firebase firebase-dynamic-links universal-link


    【解决方案1】:

    对于使用动态链接的嵌套导航,我们可以以我们可以访问的方式创建链接以导航到特定屏幕。

    例如,如果我们需要导航到设置屏幕,然后是帐户屏幕或通知屏幕,我们必须设置 URL 以导航到特定屏幕。

    试试下面的链接

    https://example.page.link/settings/account
    

    而不是之前的尝试

    https://example.page.link/settings?account
    

    我们还可以使用深度链接通过 react-navigation 打开特定屏幕。

    查看 react-navigation 的官方文档以实现深度链接:

    https://reactnavigation.org/docs/deep-linking/

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-02-15
    • 2018-07-15
    • 1970-01-01
    • 2019-07-11
    • 2019-01-22
    • 1970-01-01
    • 2019-03-17
    • 1970-01-01
    相关资源
    最近更新 更多