首页 > 解决方案 > 反应本机共享 API - 同时使用消息和 url 时的问题

问题描述

我们正在我们的 react 本机应用程序中实现共享功能,我对生成的共享文本的外观有困难。

使用共享 API,如果我只将URL参数设置到我们的网站并通过短信共享,结果看起来很棒。我已经设置了图像和标题元标记,它们按预期呈现在短信中(即我得到了一张漂亮的照片)。但是,如果我想通过参数向共享文本添加动态消息,message它看起来很糟糕。我收到 2 条短信,一条带有指向该网站的文本链接(没有图像,没有标题),然后是带有消息文本的第二条短信。作为参考,我的目标是在外观上与您在 iOS 中共享应用程序时获得的结果相同,如下所示:

我想要的是

但是通过共享只共享一个 URL 我得到了这个:

只是网址

看起来不错,有图像等,但没有动态文本。

一旦我通过message参数添加一些文本,结果如​​下所示:

网址和消息

看起来很糟糕。

感觉这是一个非常普通的用例,我看不出我做错了什么。有人有什么想法吗?

编辑:我正在使用的代码的简化版本如下:

import { Share } from 'react-native'

const content = {
      message: 'This is a lovely message',
      url: 'https://www.google.com/chrome/'
    }

try {
      const result = await Share.share(content)
      console.log('Shared', result)

      if (result.action === Share.sharedAction) {
        // shared
      } else if (result.action === Share.dismissedAction) {
        // IOS ONLY
        // dismissed
      }
    } catch (err) {
      console.log('Failed to share', err)
    }
  }

标签: react-nativesharemessage

解决方案


推荐阅读