React Native Barcode Scanner SDK

The Scanbot React Native Barcode Scanner SDK is available as an npm package. You can easily integrate the Scanbot React Native Barcode Scanner into 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. The example project demonstrates the integration of all API methods of the Scanbot React Native Barcode Scanner SDK, such as 1D and 2D barcode scanning, UI customization, and more.