使用反应原生将图像分享到社交媒体

Question

我正在开发一个反应原生应用程序。我想将我从Firebase存储中获取并在应用程序中列出的选定图像分享到WhatsApp等社交媒体。为此，我正在使用一个名为 npm 包

反应原生共享

.使用它，我能够共享文本但没有图像。官方页面告诉我应该先将图像转换为base64，我已经这样做了，应用程序开始崩溃。谁能告诉我怎么做。

Answer 1

您不再需要使用 react-native-share。使用本机Share组件。

查看这篇文章： React Native - 我们可以将图像和文本分享到 whatsapp 中吗？

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

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>
    );
  }
}

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