Emoji Create quality document scans with our new simple-to-use demo app! Give it a try!

React Native Barcode Scanner

Mobile Data Capture for React Native

Try the SDK in your project

Easily integrate the React Native Barcode Scanner SDK into your mobile app

Integration of the React Native Barcode Scanner SDK takes just one day with our customizable ready-to-use UI components. Empower your application to extract data from all conventional 1D and 2D barcodes using GDPR- and CCPA compliant software components. Accurate detection within 0.2 seconds, even under bad lighting conditions or from poor angles.

Barcode icon

All common formats

User guidance icon

User Guidance

Icon Scan

Scan multiple codes

Update now icon

1-day integration

Speed icon

Fast & reliable

Want to test our Barcode Scanning SDK in our new Demo App?

Explore the fast and reliable functionalities of the Scanbot Barcode Scanner SDK – Download now!

Man touching hologram over phone screen

Want to test it?

Get your free 7 days trial license code!

Get free trial license key
Three phones with Scanbot screens

Getting Started with Scanbot React Native Barcode Scanner

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.

Available on all major platforms