React Native Barcode Scanner SDK

The React Native Barcode Scanner SDK is a full-featured software library to integrate barcode scanning into your React Native apps.

The React Native API allows you to access cameras available on the device for video input, display a barcode scanner interface, configure in-depth settings for AI-powered scanning and performance, and customize the UI for your users and brand.

All samples for the React Native Barcode Scanner SDK are in the GitHub repo datacapture-react-native-samples, including versions for iOS and Android. Instructions for running the samples are in the README file.

You will need a license key to run the samples.  You can obtain one by signing up for a free trial of the SDK.

Our React Native barcode scanner supports 30+ of the most common barcodes, including UPC, EAN, Code 39, Code 128, ITF, Code 93, Codabar, Databar, MS1 Plessey, QR codes, DataMatrix, PDF417 and Aztec codes. 

For a detailed list, please refer to our Barcode Symbologies documentation page.

The tables in this article give you an indication of the built app size containing the Scandit SDK for iOS and Android.

The React Native Barcode Scanner SDK has significant advantages over open source alternatives for enterprise developers. While open source libraries offer basic functionality, Scandit software provides advanced features, enterprise-grade reliability, consistent updates, and dedicated technical support — critical factors when scanning is central to business operations.

Using proprietary AI and computer vision algorithms, Scandit solutions typically outperform open source in challenging environments with poor lighting, damaged codes, or unusual angles. They also offer advanced capabilities like batch scanning, context-based scanning, and augmented reality overlays that open source solutions cannot match.

The React Native Barcode Scanner SDK also saves valuable development time with comprehensive documentation, cross-platform compatibility, and pre-built components that allow teams to focus on core business logic rather than maintaining the scanning engine.

Our production licenses do not require a continuous internet connection. However, test licenses require an internet connection during scanning. 

If you need to test offline, we can provide a license key – please contact support.

Implementing a barcode scanner into your React Native app requires more than changing camera permissions and extracting data.

When choosing a React Native barcode scanning solution, three areas generally cause downstream problems for developers: poor UX, poor scanning performance, and the lack of advanced features that keep us with business needs.

Our How to Build a React Native Barcode Scanner blog explains how to address these problems for React Native barcode scanning and provides a step-by-step tutorial for a barcode scanning solution for React Native using the pre-built features in Scandit SparkScan.

Scandit’s React Native barcode scanning library can be integrated into apps to provide barcode scanning.

The React Native API allows you to access cameras available on the device for video input, display a barcode scanner interface, configure in-depth settings for AI-powered scanning and performance, and customize the UI for your users and brand.

React Native apps commonly use event listeners, which trigger actions in response to successful barcode scans.

Scandit’s React Native barcode scanning library provides a BarcodeCaptureListener interface that you can implement to inform your app whenever a new barcode is recognized, and the BarcodeCaptureSession class that contains the list of barcodes to handle.

Read our system requirements to learn what’s needed to develop and run Scandit software for React Native.

To create a barcode scanner in React Native using the Scandit SDK, you have two options:

1. To use the SparkScan pre-built component, download the package, configure and initialize the library, enable barcode symbologies, and register a barcode capture listener to receive scan events. This Get Started guide has the details.

2. To use the fully customizable React Native Barcode Scanner SDK, install the SDK, configure and initialize the library, enable barcode symbologies, register a barcode capture listener to receive scan events, and consider how to design your scanning UI. This Get Started guide has the details.

You can also read our full developer’s guide on how to build a React Native barcode scanner.