qr_scanner_overlay

Description:

qr scanner overlay

A simple QR Scanner style overlay to be used with a stack ( and a camera scanner )
Features #
The Widget provides a qr code scanner style overlay to be used with a stack , qr scanning widget
It has 2 modes
one where you can pass in an image path ( only supports images as assets ) as its overlay
another where you can pass in a color as overlay

Getting started #
just import the package and use QRScannerOverlay
Usage #
return Scaffold(
body: Stack(
children: [
MobileScanner(
controller: cameraConroller,
onDetect: (capture) {
// do something
},),
QRScannerOverlay(imagePath: "images/test.jpg",)
],
),
);
copied to clipboard
QRScannerOverlay(overlayColor: Colors.black.withOpacity(0.5),)
copied to clipboard
Additional Parameters #
scanAreaSize or scanAreaWidth/scanAreaHeight
borderColor
borderRadius
borderStrokeWidth
//Example QrScanner
QrScannerOverlay(scanWidth: 300, scanHeight: 300, borderColor: Colors.red);
copied to clipboard
Additional information #
Try tinkering around with the package if you want something specific , you can always check up on the github repo for issues or other help
Special thanks to Fluttify for the baseline overlay