react-native-sc-share
v1.0.2
Published
this is a share component for react-native
Downloads
6
Maintainers
Readme
react-native-sc-share
集成umeng分享模块,支持微信,微信朋友圈,QQ,QQ朋友圈,支付宝分享
umeng合规文档地址:https://developer.umeng.com/docs/147377/detail/210664
1.安装
$ npm install react-native-sc-share --save2.手动安装部分
Android
1.微信
1.1 添加回调Activity
在包名目录下创建wxapi文件夹,新建一个名为WXEntryActivity的activity继承WXCallbackActivity
1.2 添加FileProvider
<provider
android:name="android.support.v4.content.FileProvider"
android:authorities="${applicationId}.fileprovider"
android:exported="false"
android:grantUriPermissions="true">
<meta-data
android:name="android.support.FILE_PROVIDER_PATHS"
android:resource="@xml/filepaths "/>
</provider>
在res/xml目录(如果没有xml目录,则新建一个)下,添加文件filepaths.xml,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<paths>
<root-path name="opensdk_root" path=""/>
<external-files-path name="umeng_cache" path="umeng_cache/"/>
</paths>2.qq
2.1 添加回调Activity
在包名目录下创建apshare文件夹,新建一个名为ShareEntryActivity的activity继承ShareCallbackActivity
2.2 添加FileProvider
<provider
android:name="android.support.v4.content.FileProvider"
android:authorities="${applicationId}.fileprovider"
android:exported="false"
android:grantUriPermissions="true">
<meta-data
android:name="android.support.FILE_PROVIDER_PATHS"
android:resource="@xml/filepaths" />
</provider> 在res/xml目录(如果没有xml目录,则新建一个)下,添加文件filepaths.xml,内容如下:
<root-path name="opensdk_root" path=""/>
<external-files-path name="opensdk_external" path="Images/tmp"/>2.3 添加qqappid
在app/build.gradle中添加如下代码:
android {
defaultConfig {
manifestPlaceholders = [qqappid: "qq的appid"]
}
} iOS
3.使用
3.1 引入
import {Share,SHARE_PLATFORM} from 'react-native-share'3.2 预初始化(隐私协议同意前调用)
Share.preInit({
appkey:appkey, //appkey,必填
channel: channel //渠道,可选
});3.3 初始化(隐私协议同意后调用)
Share.init({
isDebug:true, //调试模式是否打开,可选
appkey:appkey, //appkey,必填
wx:{ //微信配置,可选
appId: "", //appId
appSecret:"" //appSecret
},
qq:{ //qq配置,可选
appId: "", //appId
appSecret:"" //appSecret
},
ali:{ //支付宝配置,可选
appId:"" //appId
}
});3.4 分享
Share.share({
title:"", //标题
desc:"", //描述
url:"", //链接
img:"", //图片
platform:SHARE_PLATFORM.WEIXIN, //平台
wx:{ //微信小程序配置,可选
miniId:"", //小程序id
path:"" //小程序路径
},
qq: { //QQ小程序配置,可选
miniId: "", //小程序id
path: "", //小程序路径
}
}).then(res=>{
console.log(res)
}).catch(err=>{
console.log(err)
})3.5 多个平台分享弹窗
Share.shareWithPanel({
title:"", //标题
desc:"", //描述
url:"", //链接
img:"", //图片
platforms:[SHARE_PLATFORM.WEIXIN,SHARE_PLATFORM.WEIXIN_CIRCLE,SHARE_PLATFORM.ALIPAY, SHARE_PLATFORM.QQ], //需要显示的平台
wx:{ //微信小程序配置,可选
miniId:"", //小程序id
path:"" //小程序路径
},
qq: { //QQ小程序配置,可选
miniId: "", //小程序id
path: "", //小程序路径
},
ali:{ //支付宝小程序配置,可选
scheme: string; //小程序scheme,会替换url,场景:分享链接跳转支付宝小程序指定页面
}
}).then(res=>{
console.log(res)
}).catch(err=>{
console.log(err)
})