由于RN中的share組件不能滿足項(xiàng)目中的需求 , 所以自己對系統(tǒng)分享功能做了一個(gè)封裝 . 使用起來非常簡單
系統(tǒng)自帶分享_1.png
系統(tǒng)自帶分享_2.png
系統(tǒng)自帶分享_3.png
安裝
npm install --save react-native-cq-share
自動(dòng)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)}> //調(diào)用方法
</TouchableOpacity>
</View>
);
}
}
參數(shù)
iOS
share方法有以下參數(shù):
options: 分享的數(shù)據(jù). 包含四個(gè)字段.
title(String. 標(biāo)題)
url(String. 鏈接)
remoteImages(Array. 遠(yuǎn)程圖片url數(shù)組)
localImages(Array. 本地圖片路徑數(shù)組)
callbake: 分享完成的回調(diào). 返回true(分享成功)或false(分享失敗)
Android
share方法有以下參數(shù):
options: 分享的數(shù)據(jù). 包含四個(gè)字段.
title(String.純文本分享)
remoteImages(Array. 遠(yuǎn)程圖片url數(shù)組)
localImages(Array. 本地圖片路徑數(shù)組)
description(String.圖片分享默認(rèn)描述文本)
