add overlay to scanner

@@ -62,6 +62,10 @@ class MobileScanner extends StatefulWidget {
   /// Default: false
   /// Default: false
   final bool startDelay;
   final bool startDelay;
 
 
+  /// The overlay which will be painted above the scanner when has started successful.
+  /// Will no be pointed when an error occurs or the scanner hasn't be started yet.
+  final Widget? overlay;
+
   /// Create a new [MobileScanner] using the provided [controller]
   /// Create a new [MobileScanner] using the provided [controller]
   /// and [onBarcodeDetected] callback.
   /// and [onBarcodeDetected] callback.
   const MobileScanner({
   const MobileScanner({
@@ -74,6 +78,7 @@ class MobileScanner extends StatefulWidget {
     this.placeholderBuilder,
     this.placeholderBuilder,
     this.scanWindow,
     this.scanWindow,
     this.startDelay = false,
     this.startDelay = false,
+    this.overlay,
     super.key,
     super.key,
   });
   });
 
 
@@ -252,7 +257,10 @@ class _MobileScannerState extends State<MobileScanner>
               _controller.updateScanWindow(scanWindow);
               _controller.updateScanWindow(scanWindow);
             }
             }
 
 
-            return ClipRect(
+            return Stack(
+              alignment: Alignment.center,
+              children: [
+                ClipRect(
                   child: LayoutBuilder(
                   child: LayoutBuilder(
                     builder: (_, constraints) {
                     builder: (_, constraints) {
                       return SizedBox.fromSize(
                       return SizedBox.fromSize(
@@ -270,6 +278,10 @@ class _MobileScannerState extends State<MobileScanner>
                       );
                       );
                     },
                     },
                   ),
                   ),
+                ),
+                if (widget.overlay != null)
+                  widget.overlay!
+              ],
             );
             );
           },
           },
         );
         );