Package Exports

capacitor-barcode-scanner
capacitor-barcode-scanner/dist/esm/index.js
capacitor-barcode-scanner/dist/plugin.cjs.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (capacitor-barcode-scanner) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

capacitor-barcode-scanner

Simple Barcode scanner for capacitor, shows popup camera view to scan. Supports code 128 and QR Uses Google MLKit in android, and AVFoundation on iOS

Install

npm i capacitor-barcode-scanner
npx cap sync

Capacitor Compatibility

Plugin Version	Capacitor Version
0.0.2	Capacitor 3
1.0.1	Capacitor 5
2.0.0	Capacitor 5
2.1.1	Capacitor 5
2.1.2	Capacitor 5
2.2.0	Capacitor 5
2.3.*	Capacitor 6
2.4.0	Capacitor 6-7

Changelog

Version 1.0.1: Updated for Capacitor 5
Version 2.1.2: Updated MLKit version in Android
Version 2.3.0: Capacitor 6 support
Version 2.3.1: Experimental JsQR reading in web
Version 2.3.3: Fix Android ladybug build
Version 2.3.4: Fix when QR Format is unknown app crashes
Version 2.4.0: Capacitor 7 install support

iOS

In XCode -> App info.plist add key NSCameraUsageDescription

Web implementation on 2.3.1

On versión 2.3.1+ the web versión will call an input image for QR Only detection using JSQR, this feature is experimental and for debuging purposes

scan()

scan() => Promise<ScanResult>

Start scan screen This promise will fail if permission for camera is denied

Returns: Promise<ScanResult>

multiScan(...)

multiScan(opts?: MultiScanOptions | undefined) => Promise<MultiScanResult>

Start scan screen the difference vs scan is this will not close automatically, and continues scannning multiple codes ! Added in v1.1.1

Param	Type
`opts`	`MultiScanOptions`

Returns: Promise<MultiScanResult>

Interfaces

ScanResult

Represents a Scan Result

Prop	Type	Description
`result`	`boolean`	sucess status, its true when scanner got code
`code`	`string`	scanned code

MultiScanResult

Represents a Multiple scan result

Prop	Type
`result`	`boolean`
`count`	`number`
`codes`	`string[]`

MultiScanOptions

Prop	Type	Description
`maxScans`	`number`	Max quantity of codes to scan, when reached the amount activity or viewcontroller will close and return the scanned codes, it defaults to 9999