jsqr

Description:

jsqr

jsqr_flutter #
A QR Code Scanner and image capturing library for Flutter. Uses jsqr under the hood for QR codes.
NOTE: Flutter web only.
Usage #
Add this to web/index.html:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jsQR.min.js"></script>
copied to clipboard
Add this to pubspec:
jsqr: ^0.1.1
copied to clipboard
Scanning for QR codes #
Example code:
var code = await showDialog(
context: context,
builder: (BuildContext context) {
var height = MediaQuery.of(context).size.height;
var width = MediaQuery.of(context).size.width;
return AlertDialog(
insetPadding: EdgeInsets.all(5),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10.0))),
title: const Text('Scan QR Code'),
content: Container(
// height: height - 20,
width: width - 6,
child: Scanner()),
);
});
copied to clipboard
The code var will contain the data contained in the QR code.
See /example for full example and usage.
Image Capture #
You can also capture an image too by passing in clickToCapture: true, see /example for how to use it.