Demo App Try the fastest and most reliable Barcode Scanner SDK!

Download

React Native Barcode Scanner SDK

Mobile Data Capture for React Native

Key Requirements

react-native logo

Mobile Platform

  • Android 5.0 (API Level 21) and higher
  • iOS 11 or higher

Devices

  • Rear-facing camera with autofocus

Architecture

  • Android: armeabi-v7, arm64-v8a, x86, x86_64
  • iOS: arm64, x86_64

Development Tool

  • Node.js, npm

Specific Notes for iOS Development

  • macOS with the latest Xcode and Command Line Tools

Disclaimer

  • This Plugin does not work on other platforms such as Windows Phone, Desktop or Web Apps.

Test the Scanbot SDK in our Barcode Scanning Demo App

Why Scanbot SDK?

Barcode accuracy

Fast & reliable

The Scanbot Barcode Scanner scans barcodes fast and reliably, creating a flawless scanning experience

Create a prototype in hours

You can create a first prototype in just a few hours with our detailed documentation and testing projects

Slack icon

Developer support via Slack/Teams

Our developers will help you solve any problems you may encounter

100% offline

The Scanbot SDK uses on-device intelligence only, making the solution GDPR & CCPA/CAAP compliant

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.

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