react-native - 反应本机共享 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)
}
}
解决方案
推荐阅读
- postgresql - 非易失性函数中不允许 CREATE TABLE
- javascript - 基于使用javascript的下拉选择填充表中的多个字段,数据应在数组中
- angular - 设置 NGRX8 商店
- c# - DeploymentItem(Path,outputDirectory)在新的单元测试项目中不起作用
- excel - Excel VBA 编辑 - 识别要合并的列
- php - 为什么结果是链接而不是数组?(谷歌搜索使用 PHP 抓取)
- node.js - 如何使用打字稿和猫鼬?
- azure-devops - 如何根据构建管道的路径过滤器触发 DevOps 发布管道
- r - 如何在 R 中创建具有聚类(按公司)标准误差的线性模型输出
- css - 如何在 React 应用程序中对 Web 组件进行样式化?