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
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
