React Native QR Code & Barcode Scanner

What is this library?

react-native-scanner-pro is a React Native library that lets you add QR code / barcode scanning and on-device face detection to your app. It works on both iOS and Android using the native camera APIs on each platform — so you get the best performance possible.

On Android it uses CameraX and Google ML Kit for detection. On iOS it uses AVFoundation for the camera preview and Apple Vision for barcode and face detection.

What can it do?

Here's a quick look at everything the library supports:

• QR codes and barcodes — scans over 13 different barcode types including QR, EAN-13, Code 128, Data Matrix, and more
• Face detection — on-device face tracking with bounding boxes and landmark overlays (switch with detectionType="face")
• Scan region — you can define a specific area on screen where scanning should happen. Codes outside that area get ignored.
• Bounding boxes — draw a live rectangle around detected codes while they're on screen
• Freeze frame — the camera pauses after a successful scan, plays a short animation, then fires your callback. Great UX for checkout-style flows.
• Torch / flashlight — toggle the flashlight with a simple prop
• Front / back camera — choose camera facing with cameraPosition
• Stability gating — requires 3 stable frames before firing, so you don't get false positives
• Ref-based resume — call resumeScanning() manually whenever you're ready to scan again

Quick example

import { Scanner } from 'react-native-scanner-pro';
import { StyleSheet } from 'react-native';

export default function App() {
  return (
    <Scanner
      style={StyleSheet.absoluteFill}
      onCodeScanned={(result) => {
        console.log('Scanned:', result.data);
        console.log('Type:', result.type);
      }}
    />
  );
}

What's next?

• Installation — add the package and set up permissions
• Basic Usage — everything about the Scanner component
• Scan Region — limit scanning to a specific area
• Bounding Boxes — show boxes around detected codes
• Face Detection — on-device face tracking with landmark overlays
• Freeze Frame — pause and animate after a scan
• API Reference — all props, types, and defaults