fix(image-native): click enlarged to close

Andries-Smit · Andries-Smit · commit 6664aa50634b · 2025-03-13T15:15:07.000+01:00
diff --git a/packages/pluggableWidgets/image-native/src/components/ImageComponents.tsx b/packages/pluggableWidgets/image-native/src/components/ImageComponents.tsx
@@ -260,7 +260,7 @@ export const ImageEnlarged: FunctionComponent<ImageEnlargedProps> = props => {
                 style={styles.backdrop}
             >
                 <Pressable
-                    onPress={null}
+                    onPress={() => setEnlarged(false)}
                     style={{
                         // The child (FastImage) needs "flexGrow: 1" so images on Android are not blurry.
                         // Therefore we explicitly have to set width / height here to prevent the image from taking up the whole screen, which in turn prevents the user from closing the modal (bc parent Pressable will not be clickable).

Original file line number	Diff line number	Diff line change
`@@ -260,7 +260,7 @@ export const ImageEnlarged: FunctionComponent<ImageEnlargedProps> = props => {`
`260`	`260`	`style={styles.backdrop}`
`261`	`261`	`>`
`262`	`262`	`<Pressable`
`263`		`- onPress={null}`
	`263`	`+ onPress={() => setEnlarged(false)}`
`264`	`264`	`style={{`
`265`	`265`	`// The child (FastImage) needs "flexGrow: 1" so images on Android are not blurry.`
`266`	`266`	`// Therefore we explicitly have to set width / height here to prevent the image from taking up the whole screen, which in turn prevents the user from closing the modal (bc parent Pressable will not be clickable).`