React Native - 我们可以将图像和文本共享到 whatsapp 中吗？

Question

我花了一个小时寻找一种使用本机反应将图像（和文本，如果可能的话）发送/共享到whatsapp应用程序的方法，

我已经阅读 了这个问题（在 android 中）和 这个问题（使用链接）

在android上，可以将图像和文本发送到whatsapp，但是在react native上我看不到任何归档它的方法，

有人有想法吗？

原文由 flix 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对于大于 0.56.0 的 react-native 版本，社交共享功能已经在库中实现，因此不再需要像 react-native-share 这样的额外库，并且它们可以是无人管理的。事实上，几个月前我使用 react-native-share 库来处理旧版本的 react-native，我将相应的代码迁移到 react-native 实现，该实现导出具有 share 方法的 Share 类，并且非常易于使用.

然后，您可以使用 share 方法共享数据，react-native 会知道手机安装了哪些应用程序。在下图中，您可以看到安装了 WhatsApp 应用程序的 Android 手机中共享屏幕的外观：

这就是它在没有安装应用程序的 iOS 模拟器中的样子：

在这里您可以找到代码示例：

 import React, { Component } from 'react';
import {
  Share,
  Text,
  TouchableOpacity
} from 'react-native';

const shareOptions = {
  title: 'Title',
  message: 'Message to share', // Note that according to the documentation at least one of "message" or "url" fields is required
  url: 'www.example.com',
  subject: 'Subject'
};

export default class ShareExample extends React.Component {

  onSharePress = () => Share.share(shareOptions);

  render(){
    return(
      <TouchableOpacity onPress={this.onSharePress} >
        <Text>Share data</Text>
      </TouchableOpacity>
    );
  }
}

最后，您必须选择发送 图像+文本 消息： - 您可以使用 shareOptions 的 url 字段添加图像的远程 URI，以便可以在 WhatsApp 消息中预览，并使用标题或主题字段添加文本. - 您可以像这样共享 base64 文件 url： url: 'data:image/png;base64,<base64_data>'

原文由 Nacho Justicia Ramos 发布，翻译遵循 CC BY-SA 4.0 许可协议