From aef6f9f2a37aa41f27afdc48ca4e89c2c0b7f0f9 Mon Sep 17 00:00:00 2001
From: orfelorfel23 <jannik.mueller.jannik+git@googlemail.com>
Date: Thu, 11 Jun 2026 13:02:50 +0200
Subject: [PATCH] fix: black camera screen after navigation, and optimize
 collage layout usage for landscape photos

---
 App.tsx                       |  5 +----
 src/screens/PreviewScreen.tsx | 16 +++++++++-------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/App.tsx b/App.tsx
index be0b1582..077f6584 100644
--- a/App.tsx
+++ b/App.tsx
@@ -148,10 +148,7 @@ export default function App() {
           Android expo-camera hardware crashes when unmounting right after capture 
         */}
         <View 
-          style={[
-            StyleSheet.absoluteFill, 
-            (currentScreen === 'preview' || currentScreen === 'admin') && { zIndex: -10 }
-          ]} 
+          style={StyleSheet.absoluteFill} 
           pointerEvents={(currentScreen === 'preview' || currentScreen === 'admin') ? 'none' : 'auto'}
         >
           <CameraScreen
diff --git a/src/screens/PreviewScreen.tsx b/src/screens/PreviewScreen.tsx
index 6a1dce26..30855c35 100644
--- a/src/screens/PreviewScreen.tsx
+++ b/src/screens/PreviewScreen.tsx
@@ -392,7 +392,7 @@ export default function PreviewScreen({
                   key={idx} 
                   source={{ uri }} 
                   style={styles.stripImage} 
-                  resizeMode="contain"
+                  resizeMode="cover"
                   resizeMethod="resize"
                   onLoad={() => logger.log(`Image loaded successfully: ${uri}`)}
                   onError={(e) => logger.error(`Image load failed: ${uri}`, e.nativeEvent?.error || e)}
@@ -414,7 +414,7 @@ export default function PreviewScreen({
                   key={idx} 
                   source={{ uri }} 
                   style={styles.gridImage} 
-                  resizeMode="contain"
+                  resizeMode="cover"
                   resizeMethod="resize"
                   onLoad={() => logger.log(`Grid Image loaded successfully: ${uri}`)}
                   onError={(e) => logger.error(`Grid Image load failed: ${uri}`, e.nativeEvent?.error || e)}
@@ -435,7 +435,7 @@ export default function PreviewScreen({
                   key={idx} 
                   source={{ uri }} 
                   style={styles.duoImage} 
-                  resizeMode="contain"
+                  resizeMode="cover"
                   resizeMethod="resize"
                   onLoad={() => logger.log(`Duo Image loaded successfully: ${uri}`)}
                   onError={(e) => logger.error(`Duo Image load failed: ${uri}`, e.nativeEvent?.error || e)}
@@ -904,12 +904,13 @@ const styles = StyleSheet.create({
   stripCanvas: {},
   stripContent: {
     flex: 1,
+    flexDirection: 'row',
     width: '100%',
     justifyContent: 'space-between',
   },
   stripImage: {
-    width: '100%',
-    height: '31%',
+    width: '32.5%',
+    height: '100%',
     resizeMode: 'cover',
     borderRadius: 2,
   },
@@ -931,12 +932,13 @@ const styles = StyleSheet.create({
   duoCanvas: {},
   duoContainer: {
     flex: 1,
+    flexDirection: 'row',
     width: '100%',
     justifyContent: 'space-between',
   },
   duoImage: {
-    width: '100%',
-    height: '49%',
+    width: '49%',
+    height: '100%',
     resizeMode: 'cover',
     borderRadius: 2,
   },