react-native-rectangle-doc-scanner 3.11.0 → 3.13.0

package/dist/DocScanner.js

@@ -109,7 +109,7 @@ exports.DocScanner = (0, react_1.forwardRef)(({ onCapture, overlayColor = DEFAUL
         },
     }), [capture]);
     return (react_1.default.createElement(react_native_1.View, { style: styles.container },
-        react_1.default.createElement(react_native_document_scanner_1.default, { ref: scannerRef, style: react_native_1.StyleSheet.absoluteFillObject, detectionCountBeforeCapture: minStableFrames, overlayColor: overlayColor, enableTorch: enableTorch, quality: normalizedQuality, useBase64: useBase64, manualOnly: !autoCapture, onPictureTaken: handlePictureTaken, onError: handleError }),
+        react_1.default.createElement(react_native_document_scanner_1.default, { ref: scannerRef, style: styles.scanner, detectionCountBeforeCapture: minStableFrames, overlayColor: overlayColor, enableTorch: enableTorch, quality: normalizedQuality, useBase64: useBase64, manualOnly: !autoCapture, onPictureTaken: handlePictureTaken, onError: handleError }),
         !autoCapture && react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.button, onPress: handleManualCapture }),
         children));
 });
@@ -118,6 +118,15 @@ const styles = react_native_1.StyleSheet.create({
         flex: 1,
         backgroundColor: '#000',
     },
+    scanner: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        height: '100%',
+    },
     button: {
         position: 'absolute',
         bottom: 40,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-rectangle-doc-scanner",
-  "version": "3.11.0",
+  "version": "3.13.0",
   "description": "Native-backed document scanner for React Native with customizable overlays.",
   "license": "MIT",
   "main": "dist/index.js",

package/src/DocScanner.tsx

@@ -152,7 +152,7 @@ export const DocScanner = forwardRef<DocScannerHandle, Props>(
       <View style={styles.container}>
         <DocumentScanner
           ref={scannerRef}
-          style={StyleSheet.absoluteFillObject}
+          style={styles.scanner}
           detectionCountBeforeCapture={minStableFrames}
           overlayColor={overlayColor}
           enableTorch={enableTorch}
@@ -174,6 +174,15 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: '#000',
   },
+  scanner: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: '100%',
+    height: '100%',
+  },
   button: {
     position: 'absolute',
     bottom: 40,

package/vendor/react-native-document-scanner/ios/DocumentScannerView.m

@@ -16,14 +16,21 @@
     return self;
 }
 
-- (void)didMoveToWindow {
-    [super didMoveToWindow];
-    if (self.window && !_hasSetupCamera) {
-        // Only setup camera once when view is added to window
+- (void)layoutSubviews {
+    [super layoutSubviews];
+
+    // Setup camera after layout is complete and bounds are valid
+    if (!_hasSetupCamera && self.window && !CGRectIsEmpty(self.bounds)) {
+        NSLog(@"[DocumentScanner] Setting up camera with bounds: %@", NSStringFromCGRect(self.bounds));
         [self setupCameraView];
         [self start];
         _hasSetupCamera = YES;
-    } else if (!self.window && _hasSetupCamera) {
+    }
+}
+
+- (void)didMoveToWindow {
+    [super didMoveToWindow];
+    if (!self.window && _hasSetupCamera) {
         // Stop camera when view is removed from window
         [self stop];
     }