Code scanner · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

QR and barcode viewfinder. Without a camera it shows the same framing overlay plus a button that emits a sample payload, so the flow behind it stays demonstrable.

API

<CodeScanner onScan types? hint? ratio? continuous? simulatedValues? simulate? />

Get it

Already in every copy of the native kit:

import { CodeScanner } from '@/components/kit/code-scanner';

Details

Exports: CodeScanner
Source: apps/mobile/components/kit/code-scanner.tsx
Packages: expo-camera@~57.0.5, lucide-react-native@^1.21.0
Installs with: @kit-native/button, @kit-native/icon, @kit-native/lib-haptics, @kit-native/lib-native-context, @kit-native/lib-utils, @kit-native/permission-primer, @kit-native/placeholder, @kit-native/text
Also searched as: qr, barcode, scan, camera viewfinder
Registry JSON: /r/native/code-scanner.json

Agents: the whole registry is at /llms.txt.