qr_scanner_overlay 0.0.2 copy "qr_scanner_overlay: ^0.0.2" to clipboard
qr_scanner_overlay: ^0.0.2 copied to clipboard

A simple QR Scanner style overlay to be used with a stack ( and a camera scanner )

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

15
likes
150
points
2.03k
downloads

Publisher

unverified uploader

Weekly Downloads

A simple QR Scanner style overlay to be used with a stack ( and a camera scanner )

Repository (GitHub)

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on qr_scanner_overlay