From 3e0a01e33bf21a5a25c4a9d224238d8fa7c05fb7 Mon Sep 17 00:00:00 2001
From: Riza Nafis <riza.nafis@gmail.com>
Date: Mon, 29 Aug 2022 13:09:00 +0700
Subject: [PATCH 1/2] Fix #149 Pinch zoom on IOS

---
 src/components/ImageItem/ImageItem.ios.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ImageItem/ImageItem.ios.tsx b/src/components/ImageItem/ImageItem.ios.tsx
index de85a146..418413ae 100644
--- a/src/components/ImageItem/ImageItem.ios.tsx
+++ b/src/components/ImageItem/ImageItem.ios.tsx
@@ -62,7 +62,7 @@ const ImageItem = ({
   const scrollValueY = new Animated.Value(0);
   const scaleValue = new Animated.Value(scale || 1);
   const translateValue = new Animated.ValueXY(translate);
-  const maxScale = scale && scale > 0 ? Math.max(1 / scale, 1) : 1;
+  const maxScale = scale && scale > 0 ? 3 : 1;
 
   const imageOpacity = scrollValueY.interpolate({
     inputRange: [-SWIPE_CLOSE_OFFSET, 0, SWIPE_CLOSE_OFFSET],

From b99857aace61d314287e75cede2386b884389d2b Mon Sep 17 00:00:00 2001
From: Riza Nafis <riza.nafis@gmail.com>
Date: Wed, 5 Oct 2022 08:29:31 +0700
Subject: [PATCH 2/2] add maxScale props to ImageItem from ImageViewing

---
 src/ImageViewing.tsx                           | 4 ++++
 src/components/ImageItem/ImageItem.android.tsx | 3 +++
 src/components/ImageItem/ImageItem.d.ts        | 2 ++
 src/components/ImageItem/ImageItem.ios.tsx     | 3 ++-
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/ImageViewing.tsx b/src/ImageViewing.tsx
index 3782ee0e..b72e4e5b 100644
--- a/src/ImageViewing.tsx
+++ b/src/ImageViewing.tsx
@@ -31,6 +31,7 @@ type Props = {
   keyExtractor?: (imageSrc: ImageSource, index: number) => string;
   imageIndex: number;
   visible: boolean;
+  maxScale?: number;
   onRequestClose: () => void;
   onLongPress?: (image: ImageSource) => void;
   onImageIndexChange?: (imageIndex: number) => void;
@@ -47,6 +48,7 @@ type Props = {
 const DEFAULT_ANIMATION_TYPE = "fade";
 const DEFAULT_BG_COLOR = "#000";
 const DEFAULT_DELAY_LONG_PRESS = 800;
+const DEFAULT_MAX_SCALE = 3;
 const SCREEN = Dimensions.get("screen");
 const SCREEN_WIDTH = SCREEN.width;
 
@@ -55,6 +57,7 @@ function ImageViewing({
   keyExtractor,
   imageIndex,
   visible,
+  maxScale = DEFAULT_MAX_SCALE,
   onRequestClose,
   onLongPress = () => {},
   onImageIndexChange,
@@ -135,6 +138,7 @@ function ImageViewing({
             <ImageItem
               onZoom={onZoom}
               imageSrc={imageSrc}
+              maxScale={maxScale}
               onRequestClose={onRequestCloseEnhanced}
               onLongPress={onLongPress}
               delayLongPress={delayLongPress}
diff --git a/src/components/ImageItem/ImageItem.android.tsx b/src/components/ImageItem/ImageItem.android.tsx
index f463b0b1..2948c265 100644
--- a/src/components/ImageItem/ImageItem.android.tsx
+++ b/src/components/ImageItem/ImageItem.android.tsx
@@ -33,6 +33,7 @@ const SCREEN_HEIGHT = SCREEN.height;
 
 type Props = {
   imageSrc: ImageSource;
+  maxScale: number;
   onRequestClose: () => void;
   onZoom: (isZoomed: boolean) => void;
   onLongPress: (image: ImageSource) => void;
@@ -43,6 +44,7 @@ type Props = {
 
 const ImageItem = ({
   imageSrc,
+  maxScale,
   onZoom,
   onRequestClose,
   onLongPress,
@@ -120,6 +122,7 @@ const ImageItem = ({
     <ScrollView
       ref={imageContainer}
       style={styles.listItem}
+      maximumZoomScale={maxScale}
       pagingEnabled
       nestedScrollEnabled
       showsHorizontalScrollIndicator={false}
diff --git a/src/components/ImageItem/ImageItem.d.ts b/src/components/ImageItem/ImageItem.d.ts
index 57a902e9..0f3f3485 100644
--- a/src/components/ImageItem/ImageItem.d.ts
+++ b/src/components/ImageItem/ImageItem.d.ts
@@ -12,6 +12,7 @@ import { ImageSource } from "../../@types";
 
 declare type Props = {
   imageSrc: ImageSource;
+  maxScale: number;
   onRequestClose: () => void;
   onZoom: (isZoomed: boolean) => void;
   onLongPress: (image: ImageSource) => void;
@@ -22,6 +23,7 @@ declare type Props = {
 
 declare const _default: React.MemoExoticComponent<({
   imageSrc,
+  maxScale,
   onZoom,
   onRequestClose,
   onLongPress,
diff --git a/src/components/ImageItem/ImageItem.ios.tsx b/src/components/ImageItem/ImageItem.ios.tsx
index 418413ae..ce3837f5 100644
--- a/src/components/ImageItem/ImageItem.ios.tsx
+++ b/src/components/ImageItem/ImageItem.ios.tsx
@@ -35,6 +35,7 @@ const SCREEN_HEIGHT = SCREEN.height;
 
 type Props = {
   imageSrc: ImageSource;
+  maxScale: number;
   onRequestClose: () => void;
   onZoom: (scaled: boolean) => void;
   onLongPress: (image: ImageSource) => void;
@@ -45,6 +46,7 @@ type Props = {
 
 const ImageItem = ({
   imageSrc,
+  maxScale,
   onZoom,
   onRequestClose,
   onLongPress,
@@ -62,7 +64,6 @@ const ImageItem = ({
   const scrollValueY = new Animated.Value(0);
   const scaleValue = new Animated.Value(scale || 1);
   const translateValue = new Animated.ValueXY(translate);
-  const maxScale = scale && scale > 0 ? 3 : 1;
 
   const imageOpacity = scrollValueY.interpolate({
     inputRange: [-SWIPE_CLOSE_OFFSET, 0, SWIPE_CLOSE_OFFSET],