@react-native-hero/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

Getting started

Install the library using either Yarn:

yarn add @react-native-hero/code-view

or npm:

npm install --save @react-native-hero/code-view

Link

• React Native v0.60+

For iOS, use cocoapods to link the package.

run the following command:

$ cd ios && pod install

For android, the package will be linked automatically on build.

• React Native <= 0.59

run the following command to link the package:

$ react-native link @react-native-hero/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-hero/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={data => {
29    data.text
30  }}
31  style={styles.codeScanner}
32/>