From 4258a121e87a7538f9f45a56b0e4fb76f1f395dd Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Thu, 17 Jun 2021 23:09:32 -0700
Subject: Add pan zoom library

---
 src/components/comments/ZoomInCropper.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/comments/ZoomInCropper.tsx

(limited to 'src/components/comments')

diff --git a/src/components/comments/ZoomInCropper.tsx b/src/components/comments/ZoomInCropper.tsx
new file mode 100644
index 00000000..1620d777
--- /dev/null
+++ b/src/components/comments/ZoomInCropper.tsx
@@ -0,0 +1,30 @@
+import {RouteProp} from '@react-navigation/core';
+import {StackNavigationProp} from '@react-navigation/stack';
+import React from 'react';
+import {Image, Dimensions, Text} from 'react-native';
+import ImageZoom from 'react-native-image-pan-zoom';
+import {SCREEN_WIDTH} from '../../utils';
+import {MainStackParams} from '../../routes';
+
+type ZoomInCropperRouteProps = RouteProp<MainStackParams, 'ZoomInCropper'>;
+
+interface ZoomInCropperProps {
+  route: ZoomInCropperRouteProps;
+}
+
+export const ZoomInCropper: React.FC<ZoomInCropperProps> = ({route}) => {
+  return (
+    <ImageZoom
+      cropWidth={Dimensions.get('window').width}
+      cropHeight={Dimensions.get('window').height}
+      imageWidth={200}
+      imageHeight={200}>
+      <Image
+        style={{width: 200, height: 200}}
+        source={{
+          uri: route.params.imageURI,
+        }}
+      />
+    </ImageZoom>
+  );
+};
-- 
cgit v1.2.3-70-g09d2