ReactNative 调用系统自带的分享功能进行多图分享

由于RN中的share组件不能满足项目中的需求 , 所以自己对系统分享功能做了一个封装 . 使用起来非常简单

系统自带分享_1.png 系统自带分享_2.png 系统自带分享_3.png

安装

npm install --save react-native-cq-share

自动link

react-native link react-native-cq-share

使用

import React, { Component } from 'react';

import {
    Platform,
    StyleSheet,
    Text,
    View,
    TouchableOpacity
} from 'react-native';
import { share } from 'react-native-cq-share';  //引入方法
export default class App extends Component<Props> {
render() {
    return (
        <View style={styles.container}>
            <TouchableOpacity style={{height:60,width:100,backgroundColor:'red'}}
                              onPress={()=>share(options,callbake)}> //调用方法 
            </TouchableOpacity>
        </View>
        );
    }
}

参数

iOS

share方法有以下参数:
options: 分享的数据. 包含四个字段.
        title(String. 标题) 
        url(String. 链接) 
        remoteImages(Array. 远程图片url数组)
        localImages(Array. 本地图片路径数组)
callbake:  分享完成的回调. 返回true(分享成功)或false(分享失败) 

Android

share方法有以下参数:
options: 分享的数据. 包含四个字段. 
        title(String.纯文本分享) 
        remoteImages(Array. 远程图片url数组) 
        localImages(Array. 本地图片路径数组)
        description(String.图片分享默认描述文本)