React Native Barcode Scanner SDK
Mobile Data Capture for React Native
Key Requirements
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?
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
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.
Learn more about our range of features
Scan all major barcode symbologies
1D Barcodes
2D Barcodes
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.