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 |
2.5.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
- Version 2.5.0: MLKit updated to v17.3.0
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
API
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 |