React Native Barcode Scanner SDK

Scanbot React Native Barcode Scanner SDK is available as an npm package. You can easily integrate Scanbot React Native Barcode Scanner in your app:

var result = await
ScanbotBarcodeSdk.startBarcodeScanner(configuration);

You can configure the 1D and 2D barcode types that you want to recognize:

var configuration: BarcodeScannerConfiguration = {
  barcodeFormats: [
    'AZTEC',
    'CODABAR',
    'CODE_39',
    'CODE_93',
    'CODE_128',
    'DATA_MATRIX',
    'EAN_8',
    'EAN_13',
    'ITF',
    'PDF_417',
    'QR_CODE',
    'RSS_14',
    'RSS_EXPANDED',
    'UPC_A',
    'UPC_E',
    'MSI_PLESSEY',
  ],
};>

Also, you can customize the UI style of your React Native Barcode Scanner:

var configuration: BarcodeScannerConfiguration = {
  ...
  finderLineColor: '#ff0000',
  topBarBackgroundColor: '#00ff00',
  cancelButtonTitle: 'Cancel',
  finderTextHint: 'Custom hint text...',
  finderAspectRatio: { width: 300, height: 200 },
  finderLineWidth: 2,
  ...
};

You can check our React Native documentation for further information on customization and configuration.

Complete example projects

To get off to a flying start, check out our GitHub repository. There, you can find a full example project. That demonstrates the integration of all API methods of the Scanbot Barcode Scanner SDK for React Native, such as 1D and 2D barcode scanning, UI customization, and more.