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 */} 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, },