Merge pull request #671 from svenopdehipt/overlay

feat: 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,
   });
   });
 
 
@@ -251,15 +256,19 @@ 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(
                         size: constraints.biggest,
                         size: constraints.biggest,
                         child: FittedBox(
                         child: FittedBox(
                           fit: widget.fit,
                           fit: widget.fit,
-                  child: SizedBox.fromSize(
-                    size: value.size,
+                          child: SizedBox(
+                            width: value.size.width,
+                            height: value.size.height,
                             child: kIsWeb
                             child: kIsWeb
                               ? HtmlElementView(viewType: value.webId!)
                               ? HtmlElementView(viewType: value.webId!)
                               : Texture(textureId: value.textureId!),
                               : Texture(textureId: value.textureId!),
@@ -268,6 +277,10 @@ class _MobileScannerState extends State<MobileScanner>
                       );
                       );
                     },
                     },
                   ),
                   ),
+                ),
+                if (widget.overlay != null)
+                  widget.overlay!
+              ],
             );
             );
       },
       },
     );
     );