Taro Code

QRCode & Barcode component for Taro 3.x, inspired by wx-base64-qrcode and wxbarcode. Components will generate base64 qrcode/barcode image.

Taro 2.x documentation

Getting Started

Install

yarn add taro-code
# or
npm install taro-code

Usage

import Taro from '@tarojs/taro'
import { Barcode, QRCode } from 'taro-code'
class Code extends Taro.Component {
  render() {
    return (
      <View>
        <Barcode text='hello' width={300} height={60} scale={4} ></Barcode>
        <QRCode
          text='world'
          size={300}
          scale={4}
          errorCorrectLevel='M'
          typeNumber={2}
        ></QRCode>
      </View>
    )
  }
}

Components

Barcode

QRCode

ImageProps

除了上述的属性外，还支持 ImageProps 的所有属性， 例如 showMenuByLongpress 等。

Screenshot