Fast QR Reader View Plugin
A Flutter plugin for iOS and Android allowing access to the device cameras to scan multiple type of codes (QR, PDF417, CODE39, etc). Heavily based on camera
Red box is a Flutter animation (removable). Low FPS due to GIF
Features:
- Display live camera preview in a widget.
- Uses native AVFoundation code detection in iOS
- Uses ML Kit in Android
Installation
First, add fast_qr_reader_view as a dependency in your pubspec.yaml file.
iOS
Add a row to the ios/Runner/Info.plist with the key Privacy - Camera Usage Description and a usage description.
Or in text format add the key:
<key>NSCameraUsageDescription</key>
<string>Can I use the camera please?</string>
Android
Add Firebase to your project following this step (only that step, not the entire guide).
Change the minimum Android sdk version to 21 (or higher) in your android/app/build.gradle file.
minSdkVersion 21
Example
Here is a small example flutter app displaying a full screen camera preview.
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:fast_qr_reader_view/fast_qr_reader_view.dart';
List<CameraDescription> cameras;
Future<Null> main() async {
cameras = await availableCameras();
runApp(new CameraApp());
}
class CameraApp extends StatefulWidget {
@override
_CameraAppState createState() => new _CameraAppState();
}
class _CameraAppState extends State<CameraApp> {
QRReaderController controller;
@override
void initState() {
super.initState();
controller = new QRReaderController(cameras[0], ResolutionPreset.medium, [CodeFormat.qr], (dynamic value){
print(value); // the result!
// ... do something
// wait 3 seconds then start scanning again.
new Future.delayed(const Duration(seconds: 3), controller.startScanning);
});
controller.initialize().then((_) {
if (!mounted) {
return;
}
setState(() {});
controller.startScanning();
});
}
@override
void dispose() {
controller?.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
if (!controller.value.isInitialized) {
return new Container();
}
return new AspectRatio(
aspectRatio:
controller.value.aspectRatio,
child: new QRReaderPreview(controller));
}
}
For a more elaborate usage example see here.
Note: This plugin is still under development, and some APIs might not be available yet. Feedback welcome and Pull Requests are most welcome!
![[Feature request] overlay indicator of QR code position in preview](https://avatars.githubusercontent.com/u/52925354?v=4)
39 Oct 10, 2022
15 Dec 31, 2022
321 Dec 30, 2022
0 Nov 30, 2021
18 Dec 5, 2022
12 Dec 18, 2022
20 Dec 18, 2022
985 Jan 5, 2023
0 Jan 23, 2022
160 Nov 25, 2022
1 Oct 16, 2021
12 Nov 29, 2022
16 Dec 29, 2022
32 Oct 13, 2022
40 Nov 23, 2022
0 Dec 26, 2021
22 Oct 9, 2022
181 Jan 4, 2023
33 Dec 18, 2022
14 Nov 4, 2022