Taro多端生成二维码

整理一下taro使用二维码、小程序没有弄

1、RN端

npm install react-native-svg --save
react-native link react-native-svg

npm install react-native-qrcode-svg --save

使用

import QRCode from 'react-native-qrcode-svg';


<QRCode
  value={"This is a QR code string, string cannot be null"}
  size={Taro.pxTransform(150)}
/>

2、h5端

下载qrCode代码

稍微修改一下

if (this && this._android <= 2.1) {	//284行
export default QRCode	//导出模块

使用

import QRCode from './../utils/qrCode'

        let canvas = document.getElementById('qrCodeCanvas')
        var qrcode = new QRCode(canvas, {
            width : 100,
            height : 100
        })
        qrcode.makeCode("https://www.baidu.com/")
        if(!!canvas){
            let img = canvas.children[1]
            setTimeout(()=>{    //必须的加个延迟、要不获取不到img标签的src属性
            	//img.src,图片地址为
            },10)
        }


    render(){
        return(
                    <canvas
                      style={{display:"none"}}
                      id='qrCodeCanvas'
                    />
          	 ）
     }