【React Native】react-native-wechat跳转小程序解决方案

一.问题背景

• app需要接跳转小程序的功能
• react-native-wechat目前不支持，因为它引用的微信SDK版本不支持
• 修改源码的话，每次npm install都要修改
• 因为之后还要使用成熟的第三方依赖，项目时间又赶，不想自己维护一个

二.解决方案

1.找一个在react-native-wechat基础上，增加了支持跳转小程序的第三方库

https://gitee.com/putixie/react-native-wechat

2.安装

修改package.json

"react-native-wechat": "git+https://gitee.com/putixie/react-native-wechat.git"

3.编译

会有报错，isSupportWXApi方法找不到，因为我的项目暂时没有用这个判断，只是判断了用户是否安装了微信，所以直接找到指定行注释掉。

4.跳转小程序

Linking.canOpenURL('weixin://').then(supported => {
  if (supported) {
      WeChat.launchMini({
          userName: "xxxxxxxx", // 拉起的小程序的username
          miniProgramType: 0, // 拉起小程序的类型. 0-正式版 1-开发版 2-体验版
          path: 'page/xxx' // 拉起小程序页面的可带参路径，不填默认拉起小程序首页
      });
  } else {
      Alert.alert('温馨提示', '请先安装微信');
  }
})