Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bozaigao/react-native-wechat-with-miniprogram-share
在[email protected]组件版本的基础上增加了小程序分享,支持在线和本地图片分享
https://github.com/bozaigao/react-native-wechat-with-miniprogram-share
android ios miniprogram react-native wechat wechat-sdk
Last synced: 5 days ago
JSON representation
在[email protected]组件版本的基础上增加了小程序分享,支持在线和本地图片分享
- Host: GitHub
- URL: https://github.com/bozaigao/react-native-wechat-with-miniprogram-share
- Owner: bozaigao
- License: mit
- Created: 2019-07-10T09:03:48.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-12-19T03:15:21.000Z (almost 5 years ago)
- Last Synced: 2024-04-25T04:45:21.323Z (7 months ago)
- Topics: android, ios, miniprogram, react-native, wechat, wechat-sdk
- Language: Objective-C
- Size: 9.73 MB
- Stars: 1
- Watchers: 0
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# react-native-wechat-with-miniprogram-share
在[email protected]组件版本的基础上增加了小程序分享,支持在线和本地图片分享### 安装方法
执行npm i react-native-wechat-with-miniprogram-share --save安装组件#### Android端配置
react-native link react-native-wechat-with-miniprogram-share链接Android原生模块#### iOS端配置
将react-native-wechat-with-miniprogram-share/ios/RCTWeChat.xcodeproj文件拖入ios项目Libraries,并在TARGETS=>Build Phases=>Link Binary With Libraries添加libWeChatSDK.a静态库文件.
![iOS配置一](./iOS_step1.jpeg) ![iOS配置二](./iOS_step2.jpeg)### 其他使用方法同[react-native-wechat](https://github.com/yorkie/react-native-wechat),微信小程序分享参考以下代码
```javascript
import * as WeChat from 'react-native-wechat-with-miniprogram-share';export function shareToWXMiniProgram(id, title, thumb) {
//微信应用注册
WeChat.registerApp(wechatAppId);
WeChat.isWXAppInstalled().then(isInstalled => {
if (isInstalled) {
//小程序分享链接自己根据参数进行拼接
let shareUrl = 'xxx';
//要分享的小程序id
let miniUserName = 'xxx';
WeChat.shareToWXMiniProgram({title, thumb,shareUrl,miniUserName})
.then(wxShareResult => {
if (wxShareResult.errCode === 0) {
// Toast.success('分享成功');
}
})
.catch(error => {
console.log(error.message);
// Toast.message('分享失败');
});
} else {
Toast.message('未安装微信');
}
});
}
```#### 分享效果图
![分享效果图](./miniprogram_share1.png) ![分享效果图](./miniprogram_share2.png)