react-native-gesture-image-viewer 1.2.1 → 1.2.3

package/README.md

@@ -193,7 +193,7 @@ function App() {
 
 #### Content Components
 
-You can inject various types of content components like `expo-image`, `FastImage`, etc., through the `renderImage` prop to use gestures.
+You can inject various types of content components like `expo-image`, `FastImage`, etc., through the `renderItem` prop to use gestures.
 
 ```tsx
 import { GestureViewer } from 'react-native-gesture-image-viewer';

package/lib/module/useGestureViewer.js

@@ -149,7 +149,7 @@ export const useGestureViewer = ({
     }
   }, [manager, currentIndex, dataLength, width, itemSpacing, enableSwipeGesture, translateX, translateY, scale, initialTranslateX, initialTranslateY, startScale]);
   const dismissGesture = useMemo(() => {
-    return Gesture.Pan().minDistance(10).averageTouches(true).activeOffsetY([-10, 10]).failOffsetX([-10, 10]).enabled(!isZoomed).onUpdate(event => {
+    return Gesture.Pan().minDistance(10).averageTouches(true).activeCursor('grabbing').activeOffsetY([-10, 10]).failOffsetX([-10, 10]).enabled(!isZoomed).onUpdate(event => {
       translateY.value = event.translationY / resistance;
     }).onEnd(event => {
       if (event.translationY > dismissThreshold && enableDismissGesture && onDismiss) {
@@ -212,7 +212,7 @@ export const useGestureViewer = ({
     });
   }, [scale, enableZoomGesture, maxZoomScale, translateX, translateY, startScale, initialTranslateX, initialTranslateY, width, screenHeight, constrainToBounds]);
   const zoomPanGesture = useMemo(() => {
-    return Gesture.Pan().enabled(enableZoomPanGesture && isZoomed).averageTouches(true).onBegin(() => {
+    return Gesture.Pan().enabled(enableZoomPanGesture && isZoomed).activeCursor('grabbing').averageTouches(true).onBegin(() => {
       initialTranslateX.value = translateX.value;
       initialTranslateY.value = translateY.value;
     }).onUpdate(event => {

package/lib/module/useGestureViewer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","InteractionManager","useWindowDimensions","Gesture","Easing","interpolate","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withSpring","withTiming","registry","useGestureViewer","data","initialIndex","onIndexChange","onDismiss","width","customWidth","dismissThreshold","resistance","animateBackdrop","enableDismissGesture","enableSwipeGesture","enableZoomGesture","enableDoubleTapGesture","enableZoomPanGesture","maxZoomScale","itemSpacing","useSnap","id","screenWidth","height","screenHeight","isZoomed","setIsZoomed","currentIndex","setCurrentIndex","manager","setManager","unsubscribeRef","initialTranslateY","initialTranslateX","startScale","translateY","translateX","scale","backdropOpacity","listRef","dataLength","length","constrainToBounds","x","y","maxTranslateX","maxTranslateY","Math","max","min","value","currentScale","handleManagerChange","current","getState","subscribe","state","unsubscribeFromRegistry","subscribeToManager","setDataLength","setEnableSwipeGesture","setWidth","notifyStateChange","setListRef","runAfterInteractions","scrollToIndex","index","animated","scrollTo","cancel","onMomentumScrollEnd","event","contentOffset","nativeEvent","newIndex","round","dismissGesture","Pan","minDistance","averageTouches","activeOffsetY","failOffsetX","enabled","onUpdate","translationY","onEnd","damping","stiffness","zoomPinchGesture","Pinch","onBegin","newScale","deltaScale","centerX","focalX","centerY","focalY","newTranslateX","newTranslateY","constrained","duration","easing","bezier","finalConstrained","zoomPanGesture","translationX","doubleTapGesture","Tap","numberOfTaps","nextScale","zoomGesture","Race","Exclusive","animatedStyle","transform","backdropStyle","opacity"],"sourceRoot":"../../src","sources":["useGestureViewer.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","InteractionManager","useWindowDimensions","Gesture","Easing","interpolate","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withSpring","withTiming","registry","useGestureViewer","data","initialIndex","onIndexChange","onDismiss","width","customWidth","dismissThreshold","resistance","animateBackdrop","enableDismissGesture","enableSwipeGesture","enableZoomGesture","enableDoubleTapGesture","enableZoomPanGesture","maxZoomScale","itemSpacing","useSnap","id","screenWidth","height","screenHeight","isZoomed","setIsZoomed","currentIndex","setCurrentIndex","manager","setManager","unsubscribeRef","initialTranslateY","initialTranslateX","startScale","translateY","translateX","scale","backdropOpacity","listRef","dataLength","length","constrainToBounds","x","y","maxTranslateX","maxTranslateY","Math","max","min","value","currentScale","handleManagerChange","current","getState","subscribe","state","unsubscribeFromRegistry","subscribeToManager","setDataLength","setEnableSwipeGesture","setWidth","notifyStateChange","setListRef","runAfterInteractions","scrollToIndex","index","animated","scrollTo","cancel","onMomentumScrollEnd","event","contentOffset","nativeEvent","newIndex","round","dismissGesture","Pan","minDistance","averageTouches","activeCursor","activeOffsetY","failOffsetX","enabled","onUpdate","translationY","onEnd","damping","stiffness","zoomPinchGesture","Pinch","onBegin","newScale","deltaScale","centerX","focalX","centerY","focalY","newTranslateX","newTranslateY","constrained","duration","easing","bezier","finalConstrained","zoomPanGesture","translationX","doubleTapGesture","Tap","numberOfTaps","nextScale","zoomGesture","Race","Exclusive","animatedStyle","transform","backdropStyle","opacity"],"sourceRoot":"../../src","sources":["useGestureViewer.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/useGestureViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGestureViewer.d.ts","sourceRoot":"","sources":["../../../src/useGestureViewer.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAE1B,MAAM,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,qBAAqB,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CACxC,kBAAkB,CAAC,CAAC,CAAC,EACrB,YAAY,GAAG,iBAAiB,GAAG,eAAe,GAAG,WAAW,GAAG,gBAAgB,GAAG,eAAe,CACtG,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,GAAG,GAAG,EAAE,yQAoBvC,qBAAqB,CAAC,CAAC,CAAC;;;;;;;;iCAqIf,oBAAoB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;CAiPlD,CAAC"}
+{"version":3,"file":"useGestureViewer.d.ts","sourceRoot":"","sources":["../../../src/useGestureViewer.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAE1B,MAAM,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,qBAAqB,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CACxC,kBAAkB,CAAC,CAAC,CAAC,EACrB,YAAY,GAAG,iBAAiB,GAAG,eAAe,GAAG,WAAW,GAAG,gBAAgB,GAAG,eAAe,CACtG,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,GAAG,GAAG,EAAE,yQAoBvC,qBAAqB,CAAC,CAAC,CAAC;;;;;;;;iCAqIf,oBAAoB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;CAmPlD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gesture-image-viewer",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "🖼️ A highly customizable and easy-to-use React Native image viewer with gesture support and external controls",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -14,6 +14,7 @@
   },
   "files": [
     "lib",
+    "src",
     "android",
     "ios",
     "cpp",

package/src/GestureViewer.tsx

@@ -0,0 +1,171 @@
+import { useCallback, useEffect, useMemo } from 'react';
+import { type FlatList, Platform, type ScrollViewProps, StyleSheet, useWindowDimensions, View } from 'react-native';
+import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
+import Animated from 'react-native-reanimated';
+import { registry } from './GestureViewerRegistry';
+import type { GestureViewerProps } from './types';
+import { useGestureViewer } from './useGestureViewer';
+import { isFlashListLike, isFlatListLike, isScrollViewLike } from './utils';
+import WebPagingFixStyle from './WebPagingFixStyle';
+
+export function GestureViewer<T = any, LC = typeof FlatList>({
+  id = 'default',
+  data,
+  renderItem: renderItemProp,
+  renderContainer,
+  ListComponent,
+  width: customWidth,
+  listProps,
+  backdropStyle: backdropStyleProps,
+  containerStyle,
+  initialIndex = 0,
+  itemSpacing = 0,
+  useSnap = false,
+  ...props
+}: GestureViewerProps<T, LC>) {
+  const Component = ListComponent as React.ComponentType<any>;
+
+  const { width: screenWidth } = useWindowDimensions();
+
+  const width = useSnap ? customWidth || screenWidth : screenWidth;
+
+  const { listRef, isZoomed, dismissGesture, zoomGesture, onMomentumScrollEnd, animatedStyle, backdropStyle } =
+    useGestureViewer({
+      id,
+      data,
+      width,
+      initialIndex,
+      itemSpacing,
+      useSnap,
+      ...props,
+    });
+
+  const renderItem = useCallback(
+    ({ item, index }: { item: T; index: number }) => {
+      return (
+        <View
+          key={typeof item === 'string' ? item : index}
+          style={[
+            {
+              width,
+              height: '100%',
+              justifyContent: 'center',
+              alignItems: 'center',
+              marginHorizontal: itemSpacing / 2,
+            },
+          ]}
+        >
+          {renderItemProp(item, index)}
+        </View>
+      );
+    },
+    [width, itemSpacing, renderItemProp],
+  );
+
+  const getItemLayout = useCallback(
+    (_: ArrayLike<T> | null | undefined, index: number) => ({
+      length: width + itemSpacing,
+      offset: (width + itemSpacing) * index,
+      index,
+    }),
+    [width, itemSpacing],
+  );
+
+  const keyExtractor = useCallback(
+    (item: T, index: number) => (typeof item === 'string' ? item : `image-${index}`),
+    [],
+  );
+
+  const gesture = useMemo(() => {
+    return Gesture.Race(dismissGesture, zoomGesture);
+  }, [zoomGesture, dismissGesture]);
+
+  useEffect(() => {
+    registry.createManager(id);
+
+    return () => registry.deleteManager(id);
+  }, [id]);
+
+  const commonProps: ScrollViewProps = useMemo(
+    () => ({
+      horizontal: true,
+      scrollEnabled: !isZoomed,
+      showsHorizontalScrollIndicator: false,
+      onMomentumScrollEnd: onMomentumScrollEnd,
+      ...(useSnap
+        ? {
+            snapToInterval: width + itemSpacing,
+            snapToAlignment: 'center',
+            decelerationRate: 'fast',
+          }
+        : {
+            pagingEnabled: true,
+          }),
+      scrollEventThrottle: 16,
+      removeClippedSubviews: true,
+    }),
+    [width, itemSpacing, isZoomed, onMomentumScrollEnd, useSnap],
+  );
+
+  const listComponent = (
+    <GestureHandlerRootView>
+      <GestureDetector gesture={gesture}>
+        <View style={[styles.container, containerStyle]}>
+          <Animated.View style={[styles.background, backdropStyleProps, backdropStyle]} />
+          <Animated.View
+            style={[styles.content, animatedStyle]}
+            {...(Platform.OS === 'web' &&
+              isFlashListLike(Component) && { dataSet: { 'flash-list-paging-enabled-fix': true } })}
+          >
+            {isScrollViewLike(Component) ? (
+              <Component ref={listRef} {...commonProps} {...listProps}>
+                {data.map((item, index) => renderItem({ item, index }))}
+              </Component>
+            ) : (
+              isFlatListLike(Component) && (
+                <Component
+                  ref={listRef}
+                  {...commonProps}
+                  data={data}
+                  renderItem={renderItem}
+                  initialScrollIndex={initialIndex}
+                  keyExtractor={keyExtractor}
+                  windowSize={3}
+                  maxToRenderPerBatch={3}
+                  getItemLayout={getItemLayout}
+                  {...(isFlashListLike(Component) && { estimatedItemSize: width + itemSpacing })}
+                  // NOTE - https://github.com/necolas/react-native-web/issues/1299
+                  {...(Platform.OS === 'web' &&
+                    isFlatListLike(Component) && { dataSet: { 'flat-list-paging-enabled-fix': true } })}
+                  {...listProps}
+                />
+              )
+            )}
+          </Animated.View>
+          <WebPagingFixStyle Component={Component} />
+        </View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+
+  return renderContainer ? renderContainer(listComponent) : listComponent;
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  content: {
+    flex: 1,
+    width: '100%',
+    height: '100%',
+  },
+  background: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'black',
+  },
+});

package/src/GestureViewerManager.ts

@@ -0,0 +1,103 @@
+export type GestureViewerManagerState = {
+  currentIndex: number;
+  dataLength: number;
+};
+
+class GestureViewerManager {
+  private currentIndex = 0;
+  private dataLength = 0;
+  private width = 0;
+  private listRef: any | null = null;
+  private enableSwipeGesture = true;
+  private listeners = new Set<(state: GestureViewerManagerState) => void>();
+
+  // private updateState(newState: Partial<any>) {
+  //   Object.assign(this, newState);
+  //   this.notifyListeners();
+  // }
+
+  private notifyListeners() {
+    const state = this.getState();
+
+    this.listeners.forEach((listener) => listener(state));
+  }
+
+  subscribe(listener: (state: GestureViewerManagerState) => void) {
+    this.listeners.add(listener);
+
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+
+  getState() {
+    return {
+      currentIndex: this.currentIndex,
+      dataLength: this.dataLength,
+    };
+  }
+
+  setWidth(width: number) {
+    this.width = width;
+  }
+
+  setListRef(ref: any) {
+    this.listRef = ref;
+  }
+
+  setDataLength(length: number) {
+    this.dataLength = length;
+  }
+
+  setEnableSwipeGesture(enabled: boolean) {
+    this.enableSwipeGesture = enabled;
+  }
+
+  setCurrentIndex(index: number) {
+    if (index !== this.currentIndex) {
+      this.currentIndex = index;
+    }
+  }
+
+  notifyStateChange() {
+    this.notifyListeners();
+  }
+
+  goToIndex = (index: number) => {
+    if (index < 0 || index >= this.dataLength || !this.enableSwipeGesture || !this.listRef) {
+      return;
+    }
+
+    this.currentIndex = index;
+
+    if (this.listRef.scrollToIndex) {
+      this.listRef.scrollToIndex({ index, animated: true });
+    } else if (this.listRef.scrollTo) {
+      this.listRef.scrollTo({ x: index * this.width, animated: true });
+    }
+
+    this.notifyListeners();
+  };
+
+  goToPrevious = () => {
+    if (this.currentIndex > 0) {
+      this.goToIndex(this.currentIndex - 1);
+    }
+  };
+
+  goToNext = () => {
+    if (this.currentIndex < this.dataLength - 1) {
+      this.goToIndex(this.currentIndex + 1);
+    }
+  };
+
+  cleanUp() {
+    this.listeners.clear();
+    this.listRef = null;
+    this.enableSwipeGesture = true;
+    this.currentIndex = 0;
+    this.dataLength = 0;
+  }
+}
+
+export default GestureViewerManager;

package/src/GestureViewerRegistry.ts

@@ -0,0 +1,66 @@
+import GestureViewerManager from './GestureViewerManager';
+
+class GestureViewerRegistry {
+  private managers = new Map<string, GestureViewerManager>();
+  private subscribers = new Map<string, Set<(manager: GestureViewerManager | null) => void>>();
+
+  subscribeToManager(id: string, callback: (manager: GestureViewerManager | null) => void) {
+    if (!this.subscribers.has(id)) {
+      this.subscribers.set(id, new Set());
+    }
+
+    this.subscribers.get(id)?.add(callback);
+
+    const manager = this.managers.get(id) || null;
+
+    callback(manager);
+
+    return () => {
+      const subscribers = this.subscribers.get(id);
+
+      subscribers?.delete(callback);
+
+      if (subscribers && subscribers.size === 0) {
+        this.subscribers.delete(id);
+      }
+    };
+  }
+
+  createManager(id: string): GestureViewerManager | null {
+    if (this.managers.has(id)) {
+      return this.managers.get(id) || null;
+    }
+
+    const manager = new GestureViewerManager();
+    this.managers.set(id, manager);
+
+    this.notifySubscribers(id, manager);
+
+    return manager;
+  }
+
+  getManager(id: string): GestureViewerManager | null {
+    return this.managers.get(id) || null;
+  }
+
+  deleteManager(id: string) {
+    const manager = this.managers.get(id);
+
+    if (manager) {
+      manager.cleanUp();
+      this.managers.delete(id);
+
+      this.notifySubscribers(id, null);
+    }
+  }
+
+  notifySubscribers(id: string, manager: GestureViewerManager | null) {
+    const listeners = this.subscribers.get(id);
+
+    if (listeners) {
+      [...listeners].forEach((callback) => callback(manager));
+    }
+  }
+}
+
+export const registry = new GestureViewerRegistry();

package/src/WebPagingFixStyle.tsx

@@ -0,0 +1,24 @@
+import { Platform } from 'react-native';
+import { isFlashListLike, isFlatListLike } from './utils';
+
+type WebPagingFixStyleProps = {
+  Component: React.ComponentType<any>;
+};
+
+function WebPagingFixStyle({ Component }: WebPagingFixStyleProps) {
+  if (Platform.OS !== 'web') {
+    return null;
+  }
+
+  if (isFlashListLike(Component)) {
+    return <style>{`[data-flash-list-paging-enabled-fix] > div {height: 100%;}`}</style>;
+  }
+
+  if (isFlatListLike(Component)) {
+    return <style>{`[data-flat-list-paging-enabled-fix] > div > div > div {height: 100%;}`}</style>;
+  }
+
+  return null;
+}
+
+export default WebPagingFixStyle;

package/src/index.tsx

@@ -0,0 +1,3 @@
+export { GestureViewer } from './GestureViewer';
+export type { GestureViewerProps } from './types';
+export { useGestureViewerController } from './useGestureViewerController';

package/src/types.ts

@@ -0,0 +1,144 @@
+import type React from 'react';
+import type { FlatList as RNFlatList, ScrollView as RNScrollView, StyleProp, ViewStyle } from 'react-native';
+import type { FlatList as GHFlatList, ScrollView as GHScrollView } from 'react-native-gesture-handler';
+
+export type FlatListComponent = typeof RNFlatList | typeof GHFlatList;
+export type ScrollViewComponent = typeof RNScrollView | typeof GHScrollView;
+
+type GetComponentProps<T> = T extends React.ComponentType<infer P> ? P : never;
+
+type ConditionalListProps<LC> = LC extends FlatListComponent
+  ? React.ComponentProps<LC>
+  : LC extends ScrollViewComponent
+    ? React.ComponentProps<LC>
+    : GetComponentProps<LC>;
+
+export interface GestureViewerProps<T = any, LC = typeof RNFlatList> {
+  /**
+   * When you want to efficiently manage multiple `GestureViewer` instances, you can use the `id` prop to use multiple `GestureViewer` components.
+   * @remark `GestureViewer` automatically removes instances from memory when components are unmounted, so no manual memory management is required.
+   * @default 'default'
+   */
+  id?: string;
+  /**
+   * The data to display in the `GestureViewer`.
+   */
+  data: T[];
+  /**
+   * The index of the item to display in the `GestureViewer` when the component is mounted.
+   * @default 0
+   */
+  initialIndex?: number;
+  /**
+   * A callback function that is called when the index of the item changes.
+   */
+  onIndexChange?: (index: number) => void;
+  /**
+   * A callback function that is called when the `GestureViewer` is dismissed.
+   */
+  onDismiss?: () => void;
+  /**
+   * A callback function that is called to render the item.
+   */
+  renderItem: (item: T, index: number) => React.ReactElement;
+  /**
+   * A callback function that is called to render the container.
+   */
+  renderContainer?: (children: React.ReactElement) => React.ReactElement;
+  /**
+   * Support for any list component like `ScrollView`, `FlatList`, `FlashList` through the `ListComponent` prop.
+   */
+  ListComponent: LC;
+  /**
+   * The width of the `GestureViewer`.
+   * @remark If you don't set this prop, the width of the `GestureViewer` will be the same as the width of the screen.
+   * @default screen width
+   */
+  width?: number;
+  /**
+   * Enables snap scrolling mode.
+   *
+   * @remark
+   * **`false` (default)**: Paging mode (`pagingEnabled: true`)
+   * - Scrolls by full screen size increments
+   *
+   * **`true`**: Snap mode (`snapToInterval` auto-calculated)
+   * - `snapToInterval` is automatically calculated based on `width` and `itemSpacing` values
+   * - Use this option when you need item spacing
+   * @default false
+   *
+   */
+  useSnap?: boolean;
+  /**
+   * `dismissThreshold` controls when `onDismiss` is called by applying a threshold value during vertical gestures.
+   * @default 80
+   */
+  dismissThreshold?: number;
+  // swipeThreshold?: number;
+  // velocityThreshold?: number;
+  /**
+   * Calls `onDismiss` function when swiping down.
+   * @remark Useful for closing modals with downward swipe gestures.
+   * @default true
+   */
+  enableDismissGesture?: boolean;
+  /**
+   * Controls left/right swipe gestures.
+   * @remark When `false`, horizontal gestures are disabled.
+   * @default true
+   */
+  enableSwipeGesture?: boolean;
+  /**
+   * `resistance` controls the range of vertical movement by applying resistance during vertical gestures.
+   * @default 2
+   */
+  resistance?: number;
+  /**
+   * The props to pass to the list component.
+   * @remark The `listProps` provides **type inference based on the selected list component**, ensuring accurate autocompletion and type safety in your IDE.
+   */
+  listProps?: Partial<ConditionalListProps<LC>>;
+  /**
+   * The style of the backdrop.
+   */
+  backdropStyle?: StyleProp<ViewStyle>;
+  /**
+   * The style of the container.
+   */
+  containerStyle?: StyleProp<ViewStyle>;
+  /**
+   * By default, the background `opacity` gradually decreases from 1 to 0 during downward swipe gestures.
+   * @remark When `false`, this animation is disabled.
+   * @default true
+   */
+  animateBackdrop?: boolean;
+  /**
+   * Only works when zoom is active, allows moving item position when zoomed.
+   * @remark When `false`, gesture movement is disabled during zoom.
+   * @default true
+   */
+  enableZoomPanGesture?: boolean;
+  /**
+   * Controls two-finger pinch gestures.
+   * @remark When `false`, two-finger zoom gestures are disabled.
+   * @default true
+   */
+  enableZoomGesture?: boolean;
+  /**
+   * Controls double-tap zoom gestures.
+   * @remark When `false`, double-tap zoom gestures are disabled.
+   * @default true
+   */
+  enableDoubleTapGesture?: boolean;
+  /**
+   * The maximum zoom scale.
+   * @default 2
+   */
+  maxZoomScale?: number;
+  /**
+   * The spacing between items in pixels.
+   * @remark Only applied when `useSnap` is `true`.
+   * @default 0
+   */
+  itemSpacing?: number;
+}

package/src/useGestureViewer.ts

@@ -0,0 +1,424 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import {
+  InteractionManager,
+  type NativeScrollEvent,
+  type NativeSyntheticEvent,
+  useWindowDimensions,
+} from 'react-native';
+import { Gesture } from 'react-native-gesture-handler';
+import {
+  Easing,
+  interpolate,
+  runOnJS,
+  useAnimatedReaction,
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring,
+  withTiming,
+} from 'react-native-reanimated';
+import type GestureViewerManager from './GestureViewerManager';
+import { registry } from './GestureViewerRegistry';
+import type { GestureViewerProps } from './types';
+
+type UseGestureViewerProps<T = any> = Omit<
+  GestureViewerProps<T>,
+  'renderItem' | 'renderContainer' | 'ListComponent' | 'listProps' | 'containerStyle' | 'backdropStyle'
+>;
+
+export const useGestureViewer = <T = any>({
+  data,
+  initialIndex = 0,
+  onIndexChange,
+  onDismiss,
+  width: customWidth,
+  dismissThreshold = 80,
+  resistance = 2,
+  // swipeThreshold = 0.5,
+  // velocityThreshold = 200,
+  animateBackdrop = true,
+  enableDismissGesture = true,
+  enableSwipeGesture = true,
+  enableZoomGesture = true,
+  enableDoubleTapGesture = true,
+  enableZoomPanGesture = true,
+  maxZoomScale = 2,
+  itemSpacing = 0,
+  useSnap = false,
+  id = 'default',
+}: UseGestureViewerProps<T>) => {
+  const { width: screenWidth, height: screenHeight } = useWindowDimensions();
+  const width = useSnap ? customWidth || screenWidth : screenWidth;
+
+  const [isZoomed, setIsZoomed] = useState(false);
+
+  const [currentIndex, setCurrentIndex] = useState(initialIndex);
+  const [manager, setManager] = useState<GestureViewerManager | null>(null);
+
+  const unsubscribeRef = useRef<(() => void) | null>(null);
+
+  const initialTranslateY = useSharedValue(0);
+  const initialTranslateX = useSharedValue(0);
+  const startScale = useSharedValue(1);
+
+  const translateY = useSharedValue(0);
+  const translateX = useSharedValue(0);
+  const scale = useSharedValue(1);
+  const backdropOpacity = useSharedValue(1);
+
+  const listRef = useRef<any>(null);
+
+  const dataLength = data?.length || 0;
+
+  const constrainToBounds = useCallback(
+    (translateX: number, translateY: number, scale: number) => {
+      'worklet';
+      if (scale <= 1) {
+        return {
+          x: translateX,
+          y: translateY,
+        };
+      }
+
+      const maxTranslateX = (width * scale - width) / 2;
+      const maxTranslateY = (screenHeight * scale - screenHeight) / 2;
+
+      return {
+        x: Math.max(-maxTranslateX, Math.min(maxTranslateX, translateX)),
+        y: Math.max(-maxTranslateY, Math.min(maxTranslateY, translateY)),
+      };
+    },
+    [width, screenHeight],
+  );
+
+  useAnimatedReaction(
+    () => scale.value,
+    (currentScale) => {
+      runOnJS(setIsZoomed)(currentScale > 1);
+    },
+  );
+
+  useEffect(() => {
+    const handleManagerChange = (manager: GestureViewerManager | null) => {
+      unsubscribeRef.current?.();
+      unsubscribeRef.current = null;
+
+      setManager(manager);
+
+      if (manager) {
+        setCurrentIndex(manager.getState().currentIndex);
+        unsubscribeRef.current = manager.subscribe((state) => {
+          setCurrentIndex(state.currentIndex);
+        });
+        return;
+      }
+
+      setCurrentIndex(0);
+    };
+
+    const unsubscribeFromRegistry = registry.subscribeToManager(id, handleManagerChange);
+
+    return () => {
+      unsubscribeFromRegistry();
+      unsubscribeRef.current?.();
+    };
+  }, [id]);
+
+  useEffect(() => {
+    if (!manager) {
+      return;
+    }
+
+    manager.setDataLength(dataLength);
+    manager.setEnableSwipeGesture(enableSwipeGesture);
+    manager.setCurrentIndex(initialIndex);
+    manager.setWidth(width + itemSpacing);
+    manager.notifyStateChange();
+  }, [dataLength, enableSwipeGesture, initialIndex, manager, width, itemSpacing]);
+
+  useEffect(() => {
+    if (!manager || !listRef.current) {
+      return;
+    }
+
+    manager.setListRef(listRef.current);
+  }, [manager]);
+
+  useEffect(() => {
+    onIndexChange?.(currentIndex);
+  }, [currentIndex, onIndexChange]);
+
+  useEffect(() => {
+    translateY.value = 0;
+    translateX.value = 0;
+    scale.value = 1;
+    backdropOpacity.value = 1;
+    startScale.value = 1;
+
+    if (initialIndex <= 0 || !listRef.current) {
+      return;
+    }
+
+    const runAfterInteractions = InteractionManager.runAfterInteractions(() => {
+      if (listRef.current.scrollToIndex) {
+        listRef.current.scrollToIndex({
+          index: initialIndex,
+          animated: false,
+        });
+      } else if (listRef.current.scrollTo) {
+        listRef.current.scrollTo({
+          x: initialIndex * (width + itemSpacing),
+          animated: false,
+        });
+      }
+    });
+
+    return () => {
+      runAfterInteractions?.cancel();
+    };
+  }, [initialIndex, translateY, backdropOpacity, translateX, scale, startScale, width, itemSpacing]);
+
+  const onMomentumScrollEnd = useCallback(
+    (event: NativeSyntheticEvent<NativeScrollEvent>) => {
+      if (!enableSwipeGesture) {
+        return;
+      }
+
+      const contentOffset = event.nativeEvent.contentOffset;
+      const newIndex = Math.round(contentOffset.x / (width + itemSpacing));
+
+      if (newIndex !== currentIndex && newIndex >= 0 && newIndex < dataLength) {
+        if (manager) {
+          manager.setCurrentIndex(newIndex);
+          setCurrentIndex(newIndex);
+          manager.notifyStateChange();
+        }
+
+        translateX.value = withTiming(0);
+        translateY.value = withTiming(0);
+        initialTranslateX.value = withTiming(0);
+        initialTranslateY.value = withTiming(0);
+        startScale.value = withTiming(1);
+        scale.value = withTiming(1);
+      }
+    },
+    [
+      manager,
+      currentIndex,
+      dataLength,
+      width,
+      itemSpacing,
+      enableSwipeGesture,
+      translateX,
+      translateY,
+      scale,
+      initialTranslateX,
+      initialTranslateY,
+      startScale,
+    ],
+  );
+
+  const dismissGesture = useMemo(() => {
+    return Gesture.Pan()
+      .minDistance(10)
+      .averageTouches(true)
+      .activeCursor('grabbing')
+      .activeOffsetY([-10, 10])
+      .failOffsetX([-10, 10])
+      .enabled(!isZoomed)
+      .onUpdate((event) => {
+        translateY.value = event.translationY / resistance;
+      })
+      .onEnd((event) => {
+        if (event.translationY > dismissThreshold && enableDismissGesture && onDismiss) {
+          runOnJS(onDismiss)();
+          return;
+        }
+
+        translateY.value = withSpring(0, {
+          damping: 15,
+          stiffness: 150,
+        });
+      });
+  }, [translateY, dismissThreshold, enableDismissGesture, onDismiss, resistance, isZoomed]);
+
+  const zoomPinchGesture = useMemo(() => {
+    return Gesture.Pinch()
+      .enabled(enableZoomGesture)
+      .onBegin(() => {
+        startScale.value = scale.value;
+        initialTranslateX.value = translateX.value;
+        initialTranslateY.value = translateY.value;
+      })
+      .onUpdate((event) => {
+        const newScale = startScale.value * event.scale;
+
+        const deltaScale = newScale - startScale.value;
+        const centerX = event.focalX - width / 2;
+        const centerY = event.focalY - screenHeight / 2;
+
+        scale.value = newScale;
+        // NOTE 새로운 이동값 = 기존 이동값 - (중심점 거리 × 스케일 변화량) / 원래 스케일 (중심점이 화면 중심에서 멀수록, 확대 배율이 클수록 더 많이 이동)
+        const newTranslateX = initialTranslateX.value - (centerX * deltaScale) / startScale.value;
+        const newTranslateY = initialTranslateY.value - (centerY * deltaScale) / startScale.value;
+
+        const constrained = constrainToBounds(newTranslateX, newTranslateY, newScale);
+
+        if (newScale <= 1) {
+          translateX.value = withTiming(0);
+          translateY.value = withTiming(0);
+          return;
+        }
+
+        translateX.value = constrained.x;
+        translateY.value = constrained.y;
+      })
+      .onEnd(() => {
+        if (scale.value > maxZoomScale) {
+          scale.value = withTiming(maxZoomScale, {
+            duration: 300,
+            easing: Easing.bezier(0.25, 0.1, 0.25, 1.0),
+          });
+
+          const constrained = constrainToBounds(translateX.value, translateY.value, maxZoomScale);
+
+          translateX.value = withTiming(constrained.x);
+          translateY.value = withTiming(constrained.y);
+
+          return;
+        }
+
+        if (scale.value < 1) {
+          scale.value = withTiming(1, {
+            duration: 300,
+            easing: Easing.bezier(0.25, 0.1, 0.25, 1.0),
+          });
+          translateX.value = withTiming(0);
+          translateY.value = withTiming(0);
+          initialTranslateX.value = withTiming(0);
+          initialTranslateY.value = withTiming(0);
+          return;
+        }
+
+        const finalConstrained = constrainToBounds(translateX.value, translateY.value, scale.value);
+        translateX.value = withTiming(finalConstrained.x);
+        translateY.value = withTiming(finalConstrained.y);
+      });
+  }, [
+    scale,
+    enableZoomGesture,
+    maxZoomScale,
+    translateX,
+    translateY,
+    startScale,
+    initialTranslateX,
+    initialTranslateY,
+    width,
+    screenHeight,
+    constrainToBounds,
+  ]);
+
+  const zoomPanGesture = useMemo(() => {
+    return Gesture.Pan()
+      .enabled(enableZoomPanGesture && isZoomed)
+      .activeCursor('grabbing')
+      .averageTouches(true)
+      .onBegin(() => {
+        initialTranslateX.value = translateX.value;
+        initialTranslateY.value = translateY.value;
+      })
+      .onUpdate((event) => {
+        if (scale.value > 1) {
+          const newTranslateX = initialTranslateX.value + event.translationX;
+          const newTranslateY = initialTranslateY.value + event.translationY;
+
+          const constrained = constrainToBounds(newTranslateX, newTranslateY, scale.value);
+
+          translateX.value = constrained.x;
+          translateY.value = constrained.y;
+        }
+      });
+  }, [
+    translateX,
+    translateY,
+    enableZoomPanGesture,
+    isZoomed,
+    scale,
+    initialTranslateX,
+    initialTranslateY,
+    constrainToBounds,
+  ]);
+
+  const doubleTapGesture = useMemo(() => {
+    return Gesture.Tap()
+      .enabled(enableDoubleTapGesture)
+      .numberOfTaps(2)
+      .onEnd((event) => {
+        const nextScale = scale.value > 1 ? 1 : maxZoomScale;
+
+        if (nextScale > 1) {
+          const centerX = event.x - width / 2;
+          const centerY = event.y - screenHeight / 2;
+
+          // NOTE 확대로 밀려난 거리만큼 반대로 이동해서 탭 지점을 제자리에 유지
+          translateX.value = withTiming(-centerX * (nextScale - 1), {
+            duration: 300,
+            easing: Easing.bezier(0.25, 0.1, 0.25, 1.0),
+          });
+          translateY.value = withTiming(-centerY * (nextScale - 1), {
+            duration: 300,
+            easing: Easing.bezier(0.25, 0.1, 0.25, 1.0),
+          });
+        } else {
+          translateX.value = withTiming(0, {
+            duration: 300,
+            easing: Easing.bezier(0.25, 0.1, 0.25, 1.0),
+          });
+          translateY.value = withTiming(0, {
+            duration: 300,
+            easing: Easing.bezier(0.25, 0.1, 0.25, 1.0),
+          });
+        }
+
+        scale.value = withTiming(nextScale, {
+          duration: 300,
+          easing: Easing.bezier(0.25, 0.1, 0.25, 1.0),
+        });
+      });
+  }, [scale, enableDoubleTapGesture, maxZoomScale, translateX, translateY, width, screenHeight]);
+
+  const zoomGesture = useMemo(() => {
+    return Gesture.Race(zoomPinchGesture, Gesture.Exclusive(zoomPanGesture, doubleTapGesture));
+  }, [zoomPinchGesture, zoomPanGesture, doubleTapGesture]);
+
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{ translateY: translateY.value }, { translateX: translateX.value }, { scale: scale.value }],
+    };
+  });
+
+  const backdropStyle = useAnimatedStyle(() => {
+    if (!animateBackdrop || scale.value !== 1) {
+      return { opacity: 1 };
+    }
+
+    const opacity = interpolate(translateY.value, [0, 200], [1, 0], 'clamp');
+
+    return { opacity };
+  }, [animateBackdrop]);
+
+  return {
+    currentIndex,
+    dataLength,
+    translateY,
+    listRef,
+    isZoomed,
+
+    dismissGesture,
+    zoomGesture,
+
+    onMomentumScrollEnd,
+
+    animatedStyle,
+    backdropStyle,
+  };
+};

package/src/useGestureViewerController.ts

@@ -0,0 +1,48 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import type GestureViewerManager from './GestureViewerManager';
+import type { GestureViewerManagerState } from './GestureViewerManager';
+import { registry } from './GestureViewerRegistry';
+
+export const useGestureViewerController = (id = 'default') => {
+  const [state, setState] = useState<GestureViewerManagerState>({
+    currentIndex: 0,
+    dataLength: 0,
+  });
+
+  const [manager, setManager] = useState<GestureViewerManager | null>(null);
+  const unsubscribeRef = useRef<(() => void) | null>(null);
+
+  useEffect(() => {
+    const handleManagerChange = (newManager: GestureViewerManager | null) => {
+      unsubscribeRef.current?.();
+      unsubscribeRef.current = null;
+
+      setManager(newManager);
+
+      if (newManager) {
+        setState(newManager.getState());
+        unsubscribeRef.current = newManager.subscribe(setState);
+        return;
+      }
+
+      setState({ currentIndex: 0, dataLength: 0 });
+    };
+
+    const unsubscribeFromRegistry = registry.subscribeToManager(id, handleManagerChange);
+
+    return () => {
+      unsubscribeFromRegistry();
+      unsubscribeRef.current?.();
+    };
+  }, [id]);
+
+  const noopFunction = useMemo(() => () => {}, []);
+
+  return {
+    goToIndex: manager?.goToIndex || noopFunction,
+    goToPrevious: manager?.goToPrevious || noopFunction,
+    goToNext: manager?.goToNext || noopFunction,
+    currentIndex: state.currentIndex,
+    totalCount: state.dataLength,
+  };
+};

package/src/utils.ts

@@ -0,0 +1,29 @@
+import { FlatList as RNFlatList, ScrollView as RNScrollView } from 'react-native';
+import { FlatList as GestureFlatList, ScrollView as GestureScrollView } from 'react-native-gesture-handler';
+import type { FlatListComponent, ScrollViewComponent } from './types';
+
+export const isScrollViewLike = (component: any): component is ScrollViewComponent => {
+  return component === RNScrollView || component === GestureScrollView;
+};
+
+export const isFlatListLike = (component: any): component is FlatListComponent => {
+  if (component === RNFlatList || component === GestureFlatList || isFlashListLike(component)) {
+    return true;
+  }
+
+  return false;
+};
+
+export const isFlashListLike = (component: any): component is any => {
+  try {
+    const FlashList = require('@shopify/flash-list')?.FlashList;
+
+    if (FlashList && component === FlashList) {
+      return true;
+    }
+  } catch {
+    // do nothing
+  }
+
+  return component?.name === 'FlashList';
+};