美文网首页React Native学习
【React Native】react-native-wecha

【React Native】react-native-wecha

作者: 嗖嗖编程 | 来源:发表于2018-10-16 11:21 被阅读2次

    一.问题背景

    • 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('温馨提示', '请先安装微信');
      }
    })
    

    相关文章

      网友评论

        本文标题:【React Native】react-native-wecha

        本文链接:https://www.haomeiwen.com/subject/ywoczftx.html