Good Scanner Overlay

QR Scanner overlay with animation to be used with a stack widget. The animations inspired by Bank Jago QRIS and BRI QRIS. But you can combine the atribut

Preview

Simple	Like Jago QRIS	Like BRI QRIS	Custom backgroud

Installation

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  good_scanner_overlay: ^0.1.5

example

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Stack(
        children: [
          MobileScanner(),
          GoodScannerOverlay(
            animationColor: Colors.yellow,
            borderColor: Colors.red,
            // curve: Curves.easeInOut,
            borderRadius: 0,
            backgroudWidget: Image.network(
              'https://m.media-amazon.com/images/M/MV5BYjJmMjBkZjMtZThiZS00Nzk3LWJlN2UtYmE5ZjkyNjJiZjgxXkEyXkFqcGc@._V1_FMjpg_UX1000_.jpg',
              fit: BoxFit.cover,
            ),
            goodScannerAnimation: GoodScannerAnimation.center,
            goodScannerOverlayBackground: GoodScannerOverlayBackground.center,
            goodScannerBorder: GoodScannerBorder.center,
          ),
        ],
      ),
    );
  }
}

Thank you for the support!