fix: black camera screen after navigation, and optimize collage layout usage for landscape photos
This commit is contained in:
@@ -148,10 +148,7 @@ export default function App() {
|
|||||||
Android expo-camera hardware crashes when unmounting right after capture
|
Android expo-camera hardware crashes when unmounting right after capture
|
||||||
*/}
|
*/}
|
||||||
<View
|
<View
|
||||||
style={[
|
style={StyleSheet.absoluteFill}
|
||||||
StyleSheet.absoluteFill,
|
|
||||||
(currentScreen === 'preview' || currentScreen === 'admin') && { zIndex: -10 }
|
|
||||||
]}
|
|
||||||
pointerEvents={(currentScreen === 'preview' || currentScreen === 'admin') ? 'none' : 'auto'}
|
pointerEvents={(currentScreen === 'preview' || currentScreen === 'admin') ? 'none' : 'auto'}
|
||||||
>
|
>
|
||||||
<CameraScreen
|
<CameraScreen
|
||||||
|
|||||||
@@ -392,7 +392,7 @@ export default function PreviewScreen({
|
|||||||
key={idx}
|
key={idx}
|
||||||
source={{ uri }}
|
source={{ uri }}
|
||||||
style={styles.stripImage}
|
style={styles.stripImage}
|
||||||
resizeMode="contain"
|
resizeMode="cover"
|
||||||
resizeMethod="resize"
|
resizeMethod="resize"
|
||||||
onLoad={() => logger.log(`Image loaded successfully: ${uri}`)}
|
onLoad={() => logger.log(`Image loaded successfully: ${uri}`)}
|
||||||
onError={(e) => logger.error(`Image load failed: ${uri}`, e.nativeEvent?.error || e)}
|
onError={(e) => logger.error(`Image load failed: ${uri}`, e.nativeEvent?.error || e)}
|
||||||
@@ -414,7 +414,7 @@ export default function PreviewScreen({
|
|||||||
key={idx}
|
key={idx}
|
||||||
source={{ uri }}
|
source={{ uri }}
|
||||||
style={styles.gridImage}
|
style={styles.gridImage}
|
||||||
resizeMode="contain"
|
resizeMode="cover"
|
||||||
resizeMethod="resize"
|
resizeMethod="resize"
|
||||||
onLoad={() => logger.log(`Grid Image loaded successfully: ${uri}`)}
|
onLoad={() => logger.log(`Grid Image loaded successfully: ${uri}`)}
|
||||||
onError={(e) => logger.error(`Grid Image load failed: ${uri}`, e.nativeEvent?.error || e)}
|
onError={(e) => logger.error(`Grid Image load failed: ${uri}`, e.nativeEvent?.error || e)}
|
||||||
@@ -435,7 +435,7 @@ export default function PreviewScreen({
|
|||||||
key={idx}
|
key={idx}
|
||||||
source={{ uri }}
|
source={{ uri }}
|
||||||
style={styles.duoImage}
|
style={styles.duoImage}
|
||||||
resizeMode="contain"
|
resizeMode="cover"
|
||||||
resizeMethod="resize"
|
resizeMethod="resize"
|
||||||
onLoad={() => logger.log(`Duo Image loaded successfully: ${uri}`)}
|
onLoad={() => logger.log(`Duo Image loaded successfully: ${uri}`)}
|
||||||
onError={(e) => logger.error(`Duo Image load failed: ${uri}`, e.nativeEvent?.error || e)}
|
onError={(e) => logger.error(`Duo Image load failed: ${uri}`, e.nativeEvent?.error || e)}
|
||||||
@@ -904,12 +904,13 @@ const styles = StyleSheet.create({
|
|||||||
stripCanvas: {},
|
stripCanvas: {},
|
||||||
stripContent: {
|
stripContent: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
|
flexDirection: 'row',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
justifyContent: 'space-between',
|
justifyContent: 'space-between',
|
||||||
},
|
},
|
||||||
stripImage: {
|
stripImage: {
|
||||||
width: '100%',
|
width: '32.5%',
|
||||||
height: '31%',
|
height: '100%',
|
||||||
resizeMode: 'cover',
|
resizeMode: 'cover',
|
||||||
borderRadius: 2,
|
borderRadius: 2,
|
||||||
},
|
},
|
||||||
@@ -931,12 +932,13 @@ const styles = StyleSheet.create({
|
|||||||
duoCanvas: {},
|
duoCanvas: {},
|
||||||
duoContainer: {
|
duoContainer: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
|
flexDirection: 'row',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
justifyContent: 'space-between',
|
justifyContent: 'space-between',
|
||||||
},
|
},
|
||||||
duoImage: {
|
duoImage: {
|
||||||
width: '100%',
|
width: '49%',
|
||||||
height: '49%',
|
height: '100%',
|
||||||
resizeMode: 'cover',
|
resizeMode: 'cover',
|
||||||
borderRadius: 2,
|
borderRadius: 2,
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user