由于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.图片分享默认描述文本)
