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! #