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

image

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",)
        ],
      ),
    );

QRScannerOverlay(overlayColor: Colors.black.withOpacity(0.5),)

Additional Parameters

scanAreaSize or scanAreaWidth/scanAreaHeight
borderColor
borderRadius
borderStrokeWidth

//Example QrScanner
QrScannerOverlay(scanWidth: 300, scanHeight: 300, borderColor: Colors.red);

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

Libraries

qr_scanner_overlay