react-native-rectangle-doc-scanner 3.167.0 → 3.169.0

package/android/src/main/kotlin/com/reactnativerectangledocscanner/DocumentScannerView.kt

@@ -77,14 +77,17 @@ class DocumentScannerView(context: ThemedReactContext) : FrameLayout(context), L
         previewView = PreviewView(context).apply {
             layoutParams = LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
             scaleType = PreviewView.ScaleType.FILL_CENTER
-            // Some MediaTek based devices render a black TextureView preview when
-            // using the COMPATIBLE implementation. Forcing the SurfaceView backed
-            // PERFORMANCE mode keeps the preview visible while still allowing us
-            // to draw our overlay on top.
-            implementationMode = PreviewView.ImplementationMode.PERFORMANCE
+            // Use COMPATIBLE (TextureView) mode instead of PERFORMANCE (SurfaceView)
+            // Some devices have issues with SurfaceView not creating the surface in time
+            implementationMode = PreviewView.ImplementationMode.COMPATIBLE
+            // Force visibility to ensure the view is rendered
+            visibility = View.VISIBLE
+            // Request layout to ensure proper sizing
+            requestLayout()
         }
         Log.d(TAG, "[INIT] PreviewView created: $previewView")
         Log.d(TAG, "[INIT] PreviewView implementationMode: ${previewView.implementationMode}")
+        Log.d(TAG, "[INIT] PreviewView visibility: ${previewView.visibility}")
 
         Log.d(TAG, "[INIT] Adding PreviewView to parent...")
         addView(previewView)
@@ -113,15 +116,26 @@ class DocumentScannerView(context: ThemedReactContext) : FrameLayout(context), L
         Log.d(TAG, "This view: width=$width, height=$height")
         Log.d(TAG, "========================================")
 
-        // Setup and start camera when view is attached
-        post {
-            Log.d(TAG, "[POST] Starting camera setup...")
-            lifecycleRegistry.handleLifecycleEvent(Lifecycle.Event.ON_CREATE)
-            lifecycleRegistry.handleLifecycleEvent(Lifecycle.Event.ON_START)
-            lifecycleRegistry.handleLifecycleEvent(Lifecycle.Event.ON_RESUME)
-            setupCamera()
-            startCamera()
-        }
+        // Update lifecycle
+        lifecycleRegistry.handleLifecycleEvent(Lifecycle.Event.ON_CREATE)
+        lifecycleRegistry.handleLifecycleEvent(Lifecycle.Event.ON_START)
+        lifecycleRegistry.handleLifecycleEvent(Lifecycle.Event.ON_RESUME)
+
+        // Wait for view to be laid out before starting camera
+        viewTreeObserver.addOnGlobalLayoutListener(object : android.view.ViewTreeObserver.OnGlobalLayoutListener {
+            override fun onGlobalLayout() {
+                viewTreeObserver.removeOnGlobalLayoutListener(this)
+
+                if (width > 0 && height > 0 && previewView.width > 0 && previewView.height > 0) {
+                    Log.d(TAG, "[LAYOUT] View laid out: width=$width, height=$height")
+                    Log.d(TAG, "[LAYOUT] PreviewView: width=${previewView.width}, height=${previewView.height}")
+                    setupCamera()
+                    startCamera()
+                } else {
+                    Log.e(TAG, "[LAYOUT] View or PreviewView has invalid dimensions")
+                }
+            }
+        })
     }
 
     private fun setupCamera() {

package/package.json

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