Integrate barcode scanning into React Native apps using the barKoder React Native Barcode Scanner SDK. Support Android and iOS with one integration while accessing continuous scanning, Batch MultiScan, difficult barcode decoding, VIN, MRZ, PDF417 and DPM features.
The barKoder React Native package is available through npm and connects JavaScript/TypeScript applications with the native Android and iOS scanning engines. You add one component, BarkoderView, and the same code scans on both platforms.
Test it on the barcodes your users actually scan. A trial license runs for 30 days on up to 25 devices.
Start a free trialpod install in the ios folder.Barkoder and BarkoderView and add the view to your screen with your license key.onBarkoderViewCreated, enable the barcode types you need.startScanning and handle the result in its callback.Code from the barKoder React Native docs. The excerpts below come from the general example, which builds a complete scanner screen with start and stop buttons.
npm install barkoder-react-nativecd ios
pod installimport { Barkoder, BarkoderView } from 'barkoder-react-native'; const onBarkoderViewCreated = async (_barkoder) => {
try {
await _barkoder.setBarcodeTypeEnabled(Barkoder.BarcodeType.qr, true);
await _barkoder.setRegionOfInterestVisible(true);
await _barkoder.setZoomFactor(2.0);
setBarkoder(_barkoder);
} catch (error) {
console.error('Error initializing Barkoder:', error);
Alert.alert('Error', 'Failed to initialize Barkoder');
}
};
const startScanning = () => {
if (!barkoder) return;
setIsScanning(true);
barkoder.startScanning((result) => {
setScannedResult({
textualData: result.textualData,
type: result.barcodeTypeName,
thumbnailImage: "data:image/jpeg;base64," + result.resultThumbnailAsBase64,
});
setIsScanning(false);
}, (error) => {
console.error('Scanning error:', error);
Alert.alert('Error', 'Scanning failed');
setIsScanning(false);
});
}; <BarkoderView
style={styles.barkoderView}
licenseKey="ADD_YOUR_LICENSE_KEY_HERE"
onBarkoderViewCreated={onBarkoderViewCreated}
/><key>NSCameraUsageDescription</key>
<string>Camera permission</string>See the full React Native general example and every method in the React Native API reference.
Each feature below is documented for React Native. Where the docs give a short setting, it is shown here so you can add it to onBarkoderViewCreated.
MatrixSight reads QR and Data Matrix codes that are missing their finder, timing or alignment patterns. Segment Decoding reads 1D barcodes that are crumpled, wrinkled or on curved surfaces. DeBlur reads EAN and UPC barcodes affected by motion, lens or focus blur.
How MatrixSight reads damaged codes →Scan multiple barcodes of any type and density continuously, with result caching to keep results stable while the camera moves.
_barkoder.setCloseSessionOnResultEnabled(false);
_barkoder.setMaximumResultsCount(200);
_barkoder.setMulticodeCachingDuration(3000);
_barkoder.setMulticodeCachingEnabled(true);VIN mode combines MatrixSight and Segment Decoding to read the barcodes that carry Vehicle Identification Numbers. OCR VIN support is documented separately.
_barkoder.setEnableVINRestrictions(true);LineSight reads PDF417 barcodes that are missing their start and stop patterns, row indicators or even whole data columns. For South African driving licenses, ID cards and vehicle license discs, the SA DL parser turns the barcode into structured fields on the device.
Enable the South African parsers in React Native →DPM mode is a scanning template for Data Matrix codes engraved or etched onto parts, built for low contrast, poor lighting and surface damage.
See the React Native DPM example →Scan barcodes in an image the user picks from the gallery, or use AR Mode to show barcode data over the scanned items in the camera view.
Enable gallery scanning in React Native →Read the Machine Readable Zone on passports, ID cards and travel documents with the same package you use for barcodes. MRZ scanning runs locally on the device in real time.
Use it in identity verification flows where users would otherwise type document data by hand.
Explore MRZ scanningTurn on the ID document type in your onBarkoderViewCreated callback:
_barkoder.setBarcodeTypeEnabled(Barkoder.BarcodeType.idDocument, true);Many React Native barcode projects start with the code scanner in react-native-vision-camera or with expo-camera. Both are free and work well for many apps. Here is when a dedicated SDK is worth testing.
Run each option on the same samples and devices, and count failed and repeated scans as well as successful reads.
The package source is written in TypeScript, so its types are available in your editor.
The same barKoder engine is available as native SDKs for Android and iOS and as plugins for other cross-platform frameworks, so you can reuse the setup across your apps.
Direct SDKs for mobile, browser, desktop and server environments.
Official integrations for teams building one application across platforms.
Teams that replaced open-source scanners with barKoder, including a React Native app for iOS and Android.
Verified credentials
Certified information security management built around internationally recognized controls.
Official Solution Provider supporting standards-based barcode and data-capture workflows.
Solution Provider listing covering barcode, mobile application and 2D barcode capabilities.
Discover the barKoder Web SDK listing and connect through Microsoft Marketplace.
Registered Independent Software Vendor in Zebra's PartnerConnect ecosystem.
Install the free barKoder demo app, or open the web demo, and scan your own barcodes before you integrate the SDK.
iPhone and iPad
Scan with your camera, or point it at the QR code to open the App Store.
Android phones and tablets
Scan with your camera, or point it at the QR code to open Google Play.
Any modern browser
Runs the Web SDK in your browser, on desktop or mobile, with nothing to install.
Test with known samples. Print or display the testing sheet and scan each 1D and 2D barcode with the demo app. The data sheet summarizes the SDK for your team.
It depends on what you scan. For clean QR codes and retail barcodes, a free option such as the VisionCamera code scanner or expo-camera may be enough. If your users scan damaged labels, dense PDF417, DPM marks, MRZ or VIN, or many barcodes at once, test a React Native barcode scanner SDK such as barKoder on your own samples with a free trial license.
Run npm install barkoder-react-native or yarn add barkoder-react-native. If iOS gives you trouble, run pod install inside the ios folder. The React Native installation guide covers each step.
The package requires React Native 0.70 or later and React 18.1.0 or later. Apps must target Android 5.0 (API 21) or later and iOS 15.0 or later.
Those are free camera libraries with built-in barcode detection. barKoder is a dedicated scanning SDK with its own engine: MatrixSight, Segment Decoding, DeBlur and PDF417-LineSight for difficult codes, plus MRZ, VIN, DPM and Batch MultiScan modes and developer support. barKoder needs a commercial license; see pricing.
Yes. Enable the ID document barcode type to read the MRZ on passports, ID cards and travel documents. See how to enable MRZ mode in React Native.
Scanning runs locally on the device. The SDK goes online only for the license check, and each device must reach the licensing server at least once every 30 days.
The scanner still works, but results come back marked (Unlicensed) and only partly readable. Register on the barKoder portal to generate a trial license, which runs for 30 days on up to 25 devices. Use trial licenses in development and staging only.
Yes. The Barcode Scanner by barKoder app shows the supported formats and includes a DPM scanning template. Get it on the App Store or Google Play.
Test barKoder on your own barcodes and devices with a free 30-day trial, or talk to an SDK expert about your project.
