反应本机共享API-同时使用消息和网址时出现问题

时间:2019-11-20 09:26:52

标签: react-native share message

我们正在React本机应用程序中实现共享功能,而出现的共享文本外观却很难。

使用共享API,如果我仅将URL参数设置为我们的网站并通过短信进行共享,则效果看起来不错。我已经设置了图像和标题元标记,它们按预期方式在短信中呈现(即,我得到了一张漂亮的图片)。但是,如果我想向共享文本添加动态消息,则通过message参数看起来很糟糕。我收到2条短信,其中一条带有指向该站点的文本链接(无图像,无标题),然后一条短信与消息文本一起。作为参考,我的目标是使您在iOS中共享应用时获得的外观看起来像这样:

What I want

但是通过共享仅共享一个URL,我得到了:

Just URL

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

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

URL and 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)
    }
  }

0 个答案:

没有答案