1.app和小程序关联

app调用小程序的分享功能，需要在微信开放平台（https://open.weixin.qq.com/），将 App 和小程序关联起来

2. 使用 react-native-wechat-lib 库

react-native-wechat 库没有app调用小程序分享的相关功能，所以使用 react-native-wechat-lib库

2.1 react-native-wechat-lib

npm地址如下

https://www.npmjs.com/package/react-native-wechat-lib

配置很简单，无非就是安装和链接，参考官方文档即可。

我这里只实现 android 端

2.2 关于androidx的问题：

如果你的项目不支持 androidx，安装完运行时下面这个类会报错。

node_modules\react-native-wechat-lib\android\src\main\java\com\theweflex\react\WeChatModule

报错的是下面这句

import androidx.annotation.Nullable

将它替换成下面这句就好

import android.support.annotation.Nullable;

2.3 RN端实现调用小程序的分享功能

//1. 导入
import * as WeChat from 'react-native-wechat-lib'
//2. 注册
WeChat.registerApp('微信开放平台申请的appId','universalLink');//3. 调用小程序的分享
WeChat.shareMiniProgram({title: 'Mini program.',  //标题userName: 'gh_d39d10000000', //小程序的原始IDwebpageUrl: 'https://google.com/show.html', //兼容低版本的网页链接,thumbImageUrl: 'https://google.com/1.jpg', //缩略图scene: 0
})

详细api 查看官方文档即可。

《ReactNative》app调用小程序的分享相关推荐

uniapp多端分享（app，小程序，公众号）
前言开发uniapp程序的项目,用它生成多端应用,由于兼容各种多端应用,程序代码需要相应的适配,在项目里分享功能是很常见的一个功能,但是在不同的端有不同的方法,我们如何实现多端分享呢?(app,小程 ...
微信小程序实现分享里调用接口
微信小程序实现分享里调用接口在开发微信小程序的时候,有一个需求,在点击分享按钮的时候,调用后台的接口,来获取一个分享的值,在分享的时候在分享链接里拼这个值. 初始的想法在onShareAppMes ...
h5打开app_移动端产品比较分析：APP、小程序、H5
本文笔者从实际工作经验出发,结合参考相关文章,对移动端产品(APP.小程序.H5)从13个方面进行了比较分析,与大家分享. 移动端产品包括小程序(本文特指微信小程序).APP(安卓.IOS).H5页面 ...
微信小程序记录用户行为浏览记录和停留时间以及小程序全局分享
微信小程序记录用户行为浏览记录和停留时间以及小程序全局分享项目需求 1.后台统计一个用户在我们小程序的每个页面的停留时间 2,前台用户可以在个人中心看到自己的分享记录以及多少人查看需求分析需求一 ...
微信小程序绘制分享图
微信小程序绘制分享图例子: demo下载地址:https://gitee.com/v-Xie/wxCanvasShar 大致代码会再以下说明实际开发项目: 基础知识点: 了解canvas基础知识 w ...
h5端登录是什么意思_关于app、小程序和h5之间的区别
1.APP 运行环境--Android和IOS手机操作系统系统权限-- 最多最全面,但有些属于隐私需要用户授权才能调用. (安卓与IOS也有许多差异:Android类似于Windows,App几乎可 ...
uniapp 公众号打开小程序，app打开小程序，小程序打开其他小程序
(公众号打开小程序) 第一步->进入项目目录: npm install jweixin-module --save 第二步->在要调用得页面里面 import jweixin from ' ...
小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序"分享到到朋友圈",这个看似微小的变化,对微信小程序来说意义重大. 用fenng大的话说 ...
App、小程序、H5，这三者该如何抉择？
无论是大公司还是创业小公司,都会面临先做App.小程序还是H5的困境,还有公司是所有终端都一起做. 对于大公司来说可以同步进行一起开发,但对于小公司来说就未必有那么多人力和精力一起去完成了.那他们彼此 ...

《ReactNative》app调用小程序的分享