@cniot/react-native-barcode
v0.1.3
Published
react native barcode scanner and decoder.remove android com.otaliastudios:cameraview
Downloads
8
Readme
Forked from yvvw/react-native-barcode
Difference: 仅用到decoder功能.移除 android下 com.otaliastudios:cameraview 的依赖, 因为这个包依赖的版本已经找不到了。
This repository was no longer maintained, thank you for your support
本项目已不再维护,感谢支持
react-native-barcode
Environment Xcode 10.2.1 react-native 0.59.5
Getting Started
yarn add @ryozm/react-native-barcode
# or
npm i @ryozm/react-native-barcode --save
react-native link @ryozm/react-native-barcode
Example
iOS
1. add dependence
// Copy this
libiconv2.tbd
remove libZBar.a
2. add camera permission
// Copy this
NSCameraUsageDescription
Android
<!-- add camera permission -->
<uses-permission android:name="android.permission.CAMERA" />
JS API
// BarCode Wiki
// 12 UPC_A https://en.wikipedia.org/wiki/Universal_Product_Code
// 9 UPC_E https://en.wikipedia.org/wiki/Universal_Product_Code#UPC-E
// 13 EAN_13 https://en.wikipedia.org/wiki/International_Article_Number
// 5 EAN_5 https://en.wikipedia.org/wiki/EAN-5
// 8 EAN_8 https://en.wikipedia.org/wiki/EAN-8
// 2 EAN_2 https://en.wikipedia.org/wiki/EAN-2
// 15 UPC_EAN
// 38 CODA_BAR https://en.wikipedia.org/wiki/Codabar
// 39 CODE_39 https://en.wikipedia.org/wiki/Code_39
// 51 CODE_39_C
// 289 CODE_39_FA https://en.wikipedia.org/wiki/Code_39#Full_ASCII_Code_39
// 4051 CODE_39_FA_C
// 106 CODE_39_MOD_43 https://en.wikipedia.org/wiki/Code_39#Code_39_mod_43
// 93 CODE_93 https://en.wikipedia.org/wiki/Code_93
// 931 CODE_93I https://barcodeguide.seagullscientific.com/Content/Symbologies/Code_93i.htm
// 128 CODE_128 https://en.wikipedia.org/wiki/Code_128
// 25 ITF https://en.wikipedia.org/wiki/Interleaved_2_of_5
// 37 ITF_C
// 45 ITF_14 https://en.wikipedia.org/wiki/ITF-14
// 34 DATA_BAR https://en.wikipedia.org/wiki/GS1_DataBar
// 35 DATA_BAR_EXP
// -- ISBN ` https://en.wikipedia.org/wiki/International_Standard_Book_Number
// 10 ISBN_10
// 14 ISBN_13
// 57 PDF417 https://en.wikipedia.org/wiki/PDF417
// 225 AZTEC https://en.wikipedia.org/wiki/Aztec_Code
// 200 DATA_MATRIX https://en.wikipedia.org/wiki/Data_Matrix
// 94 MAXI_CODE https://en.wikipedia.org/wiki/MaxiCode
// 64 QR_CODE https://en.wikipedia.org/wiki/QR_code
import * as RNLBarCode from "@ryozm/react-native-barcode";
// RNLBarCode.Type.[Common|ZXing|ZBar|Vision|AVFoundation].[BarCodeType]
RNLBarCode.Type.Common.QR_CODE
export declare enum Errors {
InvokeFailed = -1,
NoCameraPermission = -2,
NoCameraDevice = -3
}
export enum Decoder {
Auto = 0,
ZXing = 1,
ZBar = 2,
Vision = 3,
AVFoundation = 4,
}
interface IDecodeOption {
data: string | number;
screenshot?: boolean;
formats?: number | number[];
decoder?: Decoder;
}
export interface IDecodeResult {
format: number;
content: string;
}
RNLBarCode.decode({
data: IMAGES.QR_CODE,
formats: RNLBarCode.Type.Common.QR_CODE,
decoder: RNLBarCode.Decoder.Auto
})
const Scanner = RNLBarCode.Scanner;
export enum TorchMode {
Off = 0,
On = 1,
Auto = 2,
}
interface IScannerProps extends ViewProps {
enable?: boolean;
decoder?: Decoder;
formats?: number | number[];
torch?: TorchMode;
onResult: (result: IDecodeResult | null, error: BarCodeError | null) => void;
}
<Scanner
enable={true}
decoder={RNLBarCode.Decoder.Auto}
formats={RNLBarCode.Type.Common.QR_CODE}
torch={RNLBarCode.TorchMode.Off}
onResult={this.handleResult}
/>
Feature
- iOS
- Image: Vision ZBar
- Scanner: AVFundation
- Android
- Image: ZBar ZXing
- Scanner: ZBar ZXing + CameraView