React Native Barcode Scanner SDK

Mobile Data Capture for React Native

Get Started

Disclaimer

This Plugin does not work on other platforms such as Desktop or Web Apps.

Key Requirements

Mobile Platform

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

Devices

  • Rear-facing camera with autofocus

Architecture

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

Development Tools

  • Node.js, npm

Specific Notes iOS

  • macOS with the latest Xcode and Command Line Tools

Why Scanbot SDK?

Fast & reliable

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

iOS Barcode Scanner SDK

Create a prototype in hours

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

Developer support via Slack/Teams

Our developers will help you solve any problems you may encounter

Scanbot SDK Offline usage

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 a few hours 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.

Looking for a cost-effective solution? With React Native QR Code Scanner you can increase efficiency and cut costs by automating workflows and replacing legacy hardware scanners.

A reliable Barcode Scanner SDK covering a wide range of codes

Whether your app is used by your employees or your customers: You want it to work quickly and reliably. That’s why our Barcode Scanner SDK uses computer vision algorithms and machine learning models to guarantee lightning-fast and accurate barcode detection.

Its coverage of barcode symbologies is one of the widest out there. With the Scanbot Barcode Scanner SDK, you can solve business problems in any industry, automate workflows, and optimize your internal processes.

Learn more about our 1D Barcode Scanner Learn more about our 2D Barcode Scanner

Getting Started with the Scanbot React Native Barcode Scanner

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.