react-native-qr-barcode-scanner

A react native qr code and bar code scanner for both Android and iOS

Installation

npm install react-native-qrcode-barcode-scanner

IOS:

Add following permissions to your project's info.plist file

<key>NSCameraUsageDescription</key>
  <string>Camera required to scan qr/bar codes</string>

Usage

import QRScanner, { scanEventEmitter } from 'react-native-qr-barcode-scanner';

// ...
// add event listeners in use effect in functional component and in componentDidMount  in class component
useEffect(() => {
  scanEventEmitter.addListener('onCodeSuccess', (res) => {
    //res is an object consist of qr/bar code type and result
    console.log('res is: ', res);
    console.log('result is:: ', res.result, ' and type is: ', res.type);
  });

  //remove event listeners in use effect in functional component and in componentWillUnmount in class component
  return () => scanEventEmitter.removeAllListeners('onCodeSuccess');
}, []);

return <QRScanner startScanner={true} scannerWidth={400} scannerHeight={400} />;

Example Usage

See below example project for better usage

• Example

Properties

@property startScanner is boolean, true means start scanner and false means stop scanner

@property scannerWidth is integer or float number

@property scannerHeight is integer or float number

Supported QR and Bar Code Formats

BarcodeFormat NONE

BarcodeFormat PARTIAL

BarcodeFormat EAN8

BarcodeFormat UPCE

BarcodeFormat ISBN10

BarcodeFormat UPCA

BarcodeFormat EAN13

BarcodeFormat ISBN13

BarcodeFormat I25

BarcodeFormat DATABAR

BarcodeFormat DATABAR_EXP

BarcodeFormat CODABAR

BarcodeFormat CODE39

BarcodeFormat PDF417

BarcodeFormat QRCODE

BarcodeFormat CODE93

BarcodeFormat CODE128

License

MIT

Authors

Jai Chaudhary, Narender Jain, Ashish Bhomia, Shiva Yadav, Lalit Kumawat, Akash Sharma