使用本机反应将图像分享到社交媒体

时间:2019-04-03 09:57:38

标签: image firebase react-native share social-media

我正在开发React本机应用程序。我想分享从Firebase存储中获取并在应用程序中列出的所选图像到社交媒体(如WhatsApp)。为此,我使用了一个名为

的npm软件包。
  

react-native-share

。使用它,我能够共享文本,但没有图像。官方页面告诉我应该先将图像转换为base64,然后我完成了此操作,此应用开始崩溃。谁能告诉我怎么做。

1 个答案:

答案 0 :(得分:0)

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

检查此帖子:React Native - can we share an image and text into 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>
    );
  }
}

最后,您必须具有发送图像+文本消息的选项:-您可以使用shareOptions的url字段添加图像的远程URI,以便可以在WhatsApp消息中预览图像,并将标题或主题字段添加文本。 -您可以像这样共享base64文件的网址:url:'data:image / png; base64'