react-native-pure-code-view

There are three native views in this module.

• BarCodeView: a barcode generator
• QRCodeView: a qrcode generator
• CodeScanner: a scanner which can recognizes barcode and qrocde

Installation

npm i react-native-pure-code-view
// link below 0.60
react-native link react-native-pure-code-view

Setup

iOS

Add NSCameraUsageDescription in your ios/${ProjectName}/Info.plist:

<key>NSCameraUsageDescription</key>
<string>balabala</string>

Android

Add jitpack in your android/build.gradle at the end of repositories:

allprojects {
  repositories {
    ...
    maven { url 'https://jitpack.io' }
  }
}

Usage

1import {
2  BarCodeView,
3  QRCodeView,
4  CodeScanner,
5} from 'react-native-pure-code-view'
6
7// BarCodeView
8<BarCodeView
9  text="xx",
10  style={styles.barcode}
11/>
12
13// QRCodeView
14<QRCodeView
15  text="xx",
16  style={styles.qrcode}
17/>
18
19// At first, make sure you have the permissions.
20// ios: CAMERA
21// android: CAMERA
22
23// If you don't have these permissions, you can't use CodeScanner.
24
25// CodeScanner
26<CodeScanner
27  title="将二维码放入框内，即可自动扫描"
28  onScanSuccess={this.handleScanSuccess}
29  style={styles.codeScanner}
30/>