react-native-gesture-image-viewer 2.1.2 → 2.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/lib/module/GestureTrigger.js.map +1 -1
- package/lib/module/GestureViewer.js +37 -30
- package/lib/module/GestureViewer.js.map +1 -1
- package/lib/module/GestureViewerManager.js.map +1 -1
- package/lib/module/GestureViewerRegistry.js.map +1 -1
- package/lib/module/WebPagingFixStyle.js.map +1 -1
- package/lib/module/useGestureViewer.js +168 -173
- package/lib/module/useGestureViewer.js.map +1 -1
- package/lib/module/useGestureViewerController.js.map +1 -1
- package/lib/module/useGestureViewerEvent.js.map +1 -1
- package/lib/module/useGestureViewerState.js.map +1 -1
- package/lib/module/utils/index.js +14 -16
- package/lib/module/utils/index.js.map +1 -1
- package/lib/typescript/src/GestureTrigger.d.ts +1 -1
- package/lib/typescript/src/GestureTrigger.d.ts.map +1 -1
- package/lib/typescript/src/GestureViewer.d.ts.map +1 -1
- package/lib/typescript/src/GestureViewerManager.d.ts.map +1 -1
- package/lib/typescript/src/GestureViewerRegistry.d.ts.map +1 -1
- package/lib/typescript/src/WebPagingFixStyle.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/useGestureViewer.d.ts +11 -10
- package/lib/typescript/src/useGestureViewer.d.ts.map +1 -1
- package/lib/typescript/src/useGestureViewerController.d.ts.map +1 -1
- package/lib/typescript/src/useGestureViewerEvent.d.ts.map +1 -1
- package/lib/typescript/src/useGestureViewerState.d.ts.map +1 -1
- package/lib/typescript/src/utils/index.d.ts +1 -1
- package/lib/typescript/src/utils/index.d.ts.map +1 -1
- package/package.json +86 -80
- package/src/GestureTrigger.tsx +9 -2
- package/src/GestureViewer.tsx +46 -21
- package/src/GestureViewerManager.ts +33 -6
- package/src/GestureViewerRegistry.ts +1 -0
- package/src/WebPagingFixStyle.tsx +1 -0
- package/src/types.ts +44 -32
- package/src/useGestureViewer.ts +267 -220
- package/src/useGestureViewerController.ts +1 -0
- package/src/useGestureViewerEvent.ts +5 -1
- package/src/useGestureViewerState.ts +1 -0
- package/src/utils/index.ts +31 -15
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
import { FlatList as RNFlatList, ScrollView as RNScrollView } from 'react-native';
|
|
4
4
|
import { FlatList as GestureFlatList, ScrollView as GestureScrollView } from 'react-native-gesture-handler';
|
|
5
5
|
import { FlashList } from "./FlashList.js";
|
|
6
|
-
export const isScrollViewLike = component =>
|
|
7
|
-
return component === RNScrollView || component === GestureScrollView;
|
|
8
|
-
};
|
|
6
|
+
export const isScrollViewLike = component => component === RNScrollView || component === GestureScrollView;
|
|
9
7
|
export const isFlatListLike = component => {
|
|
10
8
|
if (component === RNFlatList || component === GestureFlatList || isFlashListLike(component)) {
|
|
11
9
|
return true;
|
|
@@ -46,7 +44,7 @@ export const createLoopData = (dataRef, enableLoop) => {
|
|
|
46
44
|
if (!enableLoop || !data?.length || data.length <= 1) {
|
|
47
45
|
return data;
|
|
48
46
|
}
|
|
49
|
-
const lastItem = data
|
|
47
|
+
const lastItem = data.at(-1);
|
|
50
48
|
const firstItem = data[0];
|
|
51
49
|
if (lastItem === undefined || firstItem === undefined) {
|
|
52
50
|
return data;
|
|
@@ -56,39 +54,39 @@ export const createLoopData = (dataRef, enableLoop) => {
|
|
|
56
54
|
export const getLoopAdjustedIndex = (scrollIndex, originalDataLength, enableLoop) => {
|
|
57
55
|
if (!enableLoop || originalDataLength <= 1) {
|
|
58
56
|
return {
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
needsJump: false,
|
|
58
|
+
realIndex: scrollIndex
|
|
61
59
|
};
|
|
62
60
|
}
|
|
63
61
|
if (scrollIndex === 0) {
|
|
64
62
|
return {
|
|
65
|
-
|
|
63
|
+
jumpToIndex: originalDataLength,
|
|
66
64
|
needsJump: true,
|
|
67
|
-
|
|
65
|
+
realIndex: originalDataLength - 1
|
|
68
66
|
};
|
|
69
67
|
} else if (scrollIndex === originalDataLength + 1) {
|
|
70
68
|
return {
|
|
71
|
-
|
|
69
|
+
jumpToIndex: 1,
|
|
72
70
|
needsJump: true,
|
|
73
|
-
|
|
71
|
+
realIndex: 0
|
|
74
72
|
};
|
|
75
73
|
}
|
|
76
74
|
return {
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
needsJump: false,
|
|
76
|
+
realIndex: scrollIndex - 1
|
|
79
77
|
};
|
|
80
78
|
};
|
|
81
79
|
export const createScrollAction = (listRef, width) => ({
|
|
82
80
|
scrollTo: (index, animated) => {
|
|
83
81
|
if (listRef?.scrollToIndex) {
|
|
84
82
|
listRef.scrollToIndex({
|
|
85
|
-
|
|
86
|
-
|
|
83
|
+
animated,
|
|
84
|
+
index
|
|
87
85
|
});
|
|
88
86
|
} else if (listRef?.scrollTo) {
|
|
89
87
|
listRef.scrollTo({
|
|
90
|
-
|
|
91
|
-
|
|
88
|
+
animated,
|
|
89
|
+
x: index * width
|
|
92
90
|
});
|
|
93
91
|
}
|
|
94
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FlatList","RNFlatList","ScrollView","RNScrollView","GestureFlatList","GestureScrollView","FlashList","isScrollViewLike","component","isFlatListLike","isFlashListLike","displayName","name","createBoundsConstraint","width","height","scale","translateX","translateY","maxTranslateX","maxTranslateY","Math","max","min","createLoopData","dataRef","enableLoop","data","current","length","lastItem","firstItem","undefined","getLoopAdjustedIndex","scrollIndex","originalDataLength","
|
|
1
|
+
{"version":3,"names":["FlatList","RNFlatList","ScrollView","RNScrollView","GestureFlatList","GestureScrollView","FlashList","isScrollViewLike","component","isFlatListLike","isFlashListLike","displayName","name","createBoundsConstraint","width","height","scale","translateX","translateY","maxTranslateX","maxTranslateY","Math","max","min","createLoopData","dataRef","enableLoop","data","current","length","lastItem","at","firstItem","undefined","getLoopAdjustedIndex","scrollIndex","originalDataLength","needsJump","realIndex","jumpToIndex","createScrollAction","listRef","scrollTo","index","animated","scrollToIndex","x"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -50,6 +50,6 @@ export type GestureTriggerProps<T extends WithOnPress> = {
|
|
|
50
50
|
* </GestureTrigger>
|
|
51
51
|
* ```
|
|
52
52
|
*/
|
|
53
|
-
export declare function GestureTrigger<T extends WithOnPress>({ id, children, onPress }: GestureTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
53
|
+
export declare function GestureTrigger<T extends WithOnPress>({ id, children, onPress, }: GestureTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
54
54
|
export {};
|
|
55
55
|
//# sourceMappingURL=GestureTrigger.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureTrigger.d.ts","sourceRoot":"","sources":["../../../src/GestureTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GestureTrigger.d.ts","sourceRoot":"","sources":["../../../src/GestureTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CAAE,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,EAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAmCxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureViewer.d.ts","sourceRoot":"","sources":["../../../src/GestureViewer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GestureViewer.d.ts","sourceRoot":"","sources":["../../../src/GestureViewer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,wBAAgB,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,EACvC,EAAc,EACd,IAAI,EACJ,UAAU,EAAE,cAAc,EAC1B,eAAe,EACf,aAAa,EACb,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,aAAa,EAAE,kBAAkB,EACjC,cAAc,EACd,YAAgB,EAChB,WAAe,EACf,cAAsB,EACtB,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,2CAiL/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureViewerManager.d.ts","sourceRoot":"","sources":["../../../src/GestureViewerManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAc,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"GestureViewerManager.d.ts","sourceRoot":"","sources":["../../../src/GestureViewerManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAEvE,OAAO,KAAK,EACV,0BAA0B,EAE1B,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAGjB,cAAM,oBAAoB;IACxB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,qBAAqB,CAAQ;IACrC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAoB;IAEnC,OAAO,CAAC,KAAK,CAAoC;IACjD,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,UAAU,CAAoC;IACtD,OAAO,CAAC,UAAU,CAAoC;IAEtD,OAAO,CAAC,YAAY,CAA6B;IAEjD,OAAO,CAAC,SAAS,CAAkD;IACnE,OAAO,CAAC,cAAc,CAA+D;IAErF,OAAO,CAAC,eAAe;IAMvB,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI;IAQvD,gBAAgB,CAAC,CAAC,SAAS,sBAAsB,EAC/C,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAqBzC,OAAO,CAAC,SAAS;IAWjB,cAAc,GAAI,OAAO,MAAM,EAAE,eAAe,MAAM,GAAG,IAAI,UAE3D;IAEF,kBAAkB,GAAI,UAAU,MAAM,EAAE,kBAAkB,MAAM,GAAG,IAAI,UAErE;IAEF,QAAQ,IAAI,kBAAkB;IAO9B,aAAa,CAAC,OAAO,EAAE,OAAO;IAI9B,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,SAAS,CAAC,MAAM,EAAE,MAAM;IAIxB,UAAU,CAAC,GAAG,EAAE,GAAG;IAInB,aAAa,CAAC,MAAM,EAAE,MAAM;IAI5B,wBAAwB,CAAC,OAAO,EAAE,OAAO;IAIzC,eAAe,CAAC,KAAK,EAAE,MAAM;IAM7B,mBAAmB,CACjB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAC1B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,EAC/B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,EAC/B,YAAY,EAAE,MAAM;IAQtB,iBAAiB;IAIjB,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC;IAIzC,MAAM,GAAI,QAAO,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAQ,EAAE,mBAAgB,UA6B9D;IAEF,MAAM,GAAI,mBAAiB,UA0BzB;IAEF,OAAO,GAAI,mBAAiB,UAgC1B;IAEF,SAAS,GAAI,cAAS,UAcpB;IAEF,SAAS,GAAI,OAAO,MAAM,UA4CxB;IAEF,uBAAuB,GAAI,aAAa,MAAM,aAY5C;IAEF,qBAAqB,aAEnB;IAEF,YAAY,aAEV;IAEF,QAAQ,aAEN;IAEF,OAAO;IAeP,OAAO,CAAC,kBAAkB,CAGxB;CACH;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureViewerRegistry.d.ts","sourceRoot":"","sources":["../../../src/GestureViewerRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"GestureViewerRegistry.d.ts","sourceRoot":"","sources":["../../../src/GestureViewerRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,cAAM,qBAAqB;IACzB,OAAO,CAAC,QAAQ,CAA2C;IAC3D,OAAO,CAAC,WAAW,CAA0E;IAC7F,OAAO,CAAC,QAAQ,CAAkC;IAElD,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI;IAsBvF,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI;IAatD,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI;IAInD,aAAa,CAAC,EAAE,EAAE,MAAM;IAaxB,iBAAiB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,oBAAoB,GAAG,IAAI;IAQlE,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI;IAI5C,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAIvC,gBAAgB,CAAC,EAAE,EAAE,MAAM;CAG5B;AAED,eAAO,MAAM,QAAQ,uBAA8B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WebPagingFixStyle.d.ts","sourceRoot":"","sources":["../../../src/WebPagingFixStyle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WebPagingFixStyle.d.ts","sourceRoot":"","sources":["../../../src/WebPagingFixStyle.tsx"],"names":[],"mappings":"AAIA,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CACrC,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,sBAAsB,kDAc/D;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,QAAQ,IAAI,UAAU,EACtB,UAAU,IAAI,YAAY,EAC1B,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,16 +2,6 @@ import { type NativeScrollEvent, type NativeSyntheticEvent } from 'react-native'
|
|
|
2
2
|
import type { GestureViewerProps } from './types';
|
|
3
3
|
type UseGestureViewerProps<ItemT, LC> = Omit<GestureViewerProps<ItemT, LC>, 'renderItem' | 'renderContainer' | 'ListComponent' | 'listProps' | 'containerStyle' | 'backdropStyle' | 'enableSnapMode'>;
|
|
4
4
|
export declare const useGestureViewer: <ItemT, LC>({ data, initialIndex, onDismiss, width: customWidth, dismiss, enableDoubleTapZoom, enablePinchZoom, enableHorizontalSwipe, enablePanWhenZoomed, enableLoop, maxZoomScale, itemSpacing, height: customHeight, id, onDismissStart, triggerAnimation, autoPlay, autoPlayInterval, }: UseGestureViewerProps<ItemT, LC>) => {
|
|
5
|
-
dataLength: number;
|
|
6
|
-
listRef: import("react").RefObject<any>;
|
|
7
|
-
isZoomed: boolean;
|
|
8
|
-
isRotated: boolean;
|
|
9
|
-
isPinching: boolean;
|
|
10
|
-
dismissGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
|
|
11
|
-
zoomGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/gestureComposition").ComposedGesture;
|
|
12
|
-
onMomentumScrollEnd: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
|
|
13
|
-
onScrollBeginDrag: () => void;
|
|
14
|
-
handleDismiss: () => void;
|
|
15
5
|
animatedStyle: {
|
|
16
6
|
opacity: number;
|
|
17
7
|
transform: ({
|
|
@@ -39,6 +29,17 @@ export declare const useGestureViewer: <ItemT, LC>({ data, initialIndex, onDismi
|
|
|
39
29
|
backdropStyle: {
|
|
40
30
|
opacity: number;
|
|
41
31
|
};
|
|
32
|
+
dataLength: number;
|
|
33
|
+
dismissGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
|
|
34
|
+
handleDismiss: () => void;
|
|
35
|
+
isPinching: boolean;
|
|
36
|
+
isRotated: boolean;
|
|
37
|
+
isZoomed: boolean;
|
|
38
|
+
listRef: import("react").RefObject<any>;
|
|
39
|
+
nativeScrollGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/nativeGesture").NativeGesture;
|
|
40
|
+
onMomentumScrollEnd: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
|
|
41
|
+
onScrollBeginDrag: () => void;
|
|
42
|
+
zoomGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/gestureComposition").ComposedGesture;
|
|
42
43
|
};
|
|
43
44
|
export {};
|
|
44
45
|
//# sourceMappingURL=useGestureViewer.d.ts.map
|
|
@@ -1 +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;
|
|
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;AAetB,OAAO,KAAK,EAAE,kBAAkB,EAAe,MAAM,SAAS,CAAC;AAG/D,KAAK,qBAAqB,CAAC,KAAK,EAAE,EAAE,IAAI,IAAI,CAC1C,kBAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,EAC3B,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,WAAW,GACX,gBAAgB,GAChB,eAAe,GACf,gBAAgB,CACnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,EAAE,EAAE,EAAE,kRAmBzC,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAuVvB,oBAAoB,CAAC,iBAAiB,CAAC;;;CAsVlD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGestureViewerController.d.ts","sourceRoot":"","sources":["../../../src/useGestureViewerController.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useGestureViewerController.d.ts","sourceRoot":"","sources":["../../../src/useGestureViewerController.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,0BAA0B,GAAI,WAAc,KAAG,uBAqC3D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGestureViewerEvent.d.ts","sourceRoot":"","sources":["../../../src/useGestureViewerEvent.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useGestureViewerEvent.d.ts","sourceRoot":"","sources":["../../../src/useGestureViewerEvent.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAElF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,sBAAsB,EACpE,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,0BAA0B,CAAC,CAAC,CAAC,GACtC,IAAI,CAAC;AAER;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,sBAAsB,EACpE,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,0BAA0B,CAAC,CAAC,CAAC,GACtC,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGestureViewerState.d.ts","sourceRoot":"","sources":["../../../src/useGestureViewerState.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useGestureViewerState.d.ts","sourceRoot":"","sources":["../../../src/useGestureViewerState.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAc,KAAG,kBAgDtD,CAAC"}
|
|
@@ -5,7 +5,7 @@ export declare const isFlashListLike: (component: React.ComponentType<any>) => b
|
|
|
5
5
|
export declare const createBoundsConstraint: ({ width, height }: {
|
|
6
6
|
width: number;
|
|
7
7
|
height: number;
|
|
8
|
-
}) => ({ scale, translateX, translateY }: {
|
|
8
|
+
}) => ({ scale, translateX, translateY, }: {
|
|
9
9
|
translateX: number;
|
|
10
10
|
translateY: number;
|
|
11
11
|
scale: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIvE,eAAO,MAAM,gBAAgB,GAC3B,WAAW,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAClC,SAAS,IAAI,mBAC+C,CAAC;AAEhE,eAAO,MAAM,cAAc,GACzB,WAAW,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAClC,SAAS,IAAI,iBAAiB,CAAC,GAAG,CAMpC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,WAAW,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAAG,OAMrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAChC,mBAAmB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,MACpD,oCAIE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;;;CAiBA,CAAC;AAEJ,eAAO,MAAM,cAAc,GAAI,CAAC,EAAE,SAAS,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,OAAO,KAAG,CAAC,EAevF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,MAAM,EACnB,oBAAoB,MAAM,EAC1B,YAAY,OAAO,KAClB;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAoB/D,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,SAAS,GAAG,EAAE,OAAO,MAAM;sBAC1C,MAAM,YAAY,OAAO;CAO3C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,17 +1,56 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-gesture-image-viewer",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.3",
|
|
4
4
|
"description": "🖼️ React Native Image Viewer - Reanimated-powered image gestures with full control",
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
"
|
|
5
|
+
"keywords": [
|
|
6
|
+
"android",
|
|
7
|
+
"carousel",
|
|
8
|
+
"customizable",
|
|
9
|
+
"double-tap",
|
|
10
|
+
"expo",
|
|
11
|
+
"gallery",
|
|
12
|
+
"gesture",
|
|
13
|
+
"image viewer",
|
|
14
|
+
"image-carousel",
|
|
15
|
+
"image-gallery",
|
|
16
|
+
"image-viewer",
|
|
17
|
+
"ios",
|
|
18
|
+
"lightbox",
|
|
19
|
+
"modal",
|
|
20
|
+
"photo-viewer",
|
|
21
|
+
"pinch-to-zoom",
|
|
22
|
+
"react native image viewer",
|
|
23
|
+
"react-native",
|
|
24
|
+
"react-native-gesture-handler",
|
|
25
|
+
"react-native-image-gallery",
|
|
26
|
+
"react-native-image-viewer",
|
|
27
|
+
"react-native-image-zoom-viewer",
|
|
28
|
+
"react-native-reanimated",
|
|
29
|
+
"react-native-reanimated-image-viewer",
|
|
30
|
+
"react-native-viewer",
|
|
31
|
+
"slider",
|
|
32
|
+
"swipe",
|
|
33
|
+
"touch-gestures",
|
|
34
|
+
"viewer",
|
|
35
|
+
"web",
|
|
36
|
+
"zoom",
|
|
37
|
+
"zoomable"
|
|
38
|
+
],
|
|
39
|
+
"homepage": "https://react-native-gesture-image-viewer.pages.dev",
|
|
40
|
+
"bugs": {
|
|
41
|
+
"url": "https://github.com/saseungmin/react-native-gesture-image-viewer/issues"
|
|
42
|
+
},
|
|
43
|
+
"license": "MIT",
|
|
44
|
+
"author": "saseungmin <dbd02169@naver.com> (https://github.com/saseungmin)",
|
|
45
|
+
"repository": {
|
|
46
|
+
"type": "git",
|
|
47
|
+
"url": "git+https://github.com/saseungmin/react-native-gesture-image-viewer.git"
|
|
14
48
|
},
|
|
49
|
+
"workspaces": [
|
|
50
|
+
".",
|
|
51
|
+
"example",
|
|
52
|
+
"docs"
|
|
53
|
+
],
|
|
15
54
|
"files": [
|
|
16
55
|
"lib",
|
|
17
56
|
"src",
|
|
@@ -31,65 +70,35 @@
|
|
|
31
70
|
"!**/__mocks__",
|
|
32
71
|
"!**/.*"
|
|
33
72
|
],
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"keywords": [
|
|
44
|
-
"react-native",
|
|
45
|
-
"ios",
|
|
46
|
-
"android",
|
|
47
|
-
"web",
|
|
48
|
-
"expo",
|
|
49
|
-
"image-viewer",
|
|
50
|
-
"image-gallery",
|
|
51
|
-
"gesture",
|
|
52
|
-
"pinch-to-zoom",
|
|
53
|
-
"swipe",
|
|
54
|
-
"zoom",
|
|
55
|
-
"customizable",
|
|
56
|
-
"modal",
|
|
57
|
-
"carousel",
|
|
58
|
-
"slider",
|
|
59
|
-
"photo-viewer",
|
|
60
|
-
"image-carousel",
|
|
61
|
-
"touch-gestures",
|
|
62
|
-
"lightbox",
|
|
63
|
-
"gallery",
|
|
64
|
-
"viewer",
|
|
65
|
-
"zoomable",
|
|
66
|
-
"double-tap",
|
|
67
|
-
"image viewer",
|
|
68
|
-
"react native image viewer",
|
|
69
|
-
"react-native-reanimated",
|
|
70
|
-
"react-native-gesture-handler",
|
|
71
|
-
"react-native-viewer",
|
|
72
|
-
"react-native-image-viewer",
|
|
73
|
-
"react-native-image-gallery",
|
|
74
|
-
"react-native-reanimated-image-viewer",
|
|
75
|
-
"react-native-image-zoom-viewer"
|
|
76
|
-
],
|
|
77
|
-
"repository": {
|
|
78
|
-
"type": "git",
|
|
79
|
-
"url": "git+https://github.com/saseungmin/react-native-gesture-image-viewer.git"
|
|
80
|
-
},
|
|
81
|
-
"author": "saseungmin <dbd02169@naver.com> (https://github.com/saseungmin)",
|
|
82
|
-
"license": "MIT",
|
|
83
|
-
"bugs": {
|
|
84
|
-
"url": "https://github.com/saseungmin/react-native-gesture-image-viewer/issues"
|
|
73
|
+
"main": "./lib/module/index.js",
|
|
74
|
+
"types": "./lib/typescript/src/index.d.ts",
|
|
75
|
+
"exports": {
|
|
76
|
+
".": {
|
|
77
|
+
"types": "./lib/typescript/src/index.d.ts",
|
|
78
|
+
"source": "./src/index.tsx",
|
|
79
|
+
"default": "./lib/module/index.js"
|
|
80
|
+
},
|
|
81
|
+
"./package.json": "./package.json"
|
|
85
82
|
},
|
|
86
|
-
"homepage": "https://react-native-gesture-image-viewer.pages.dev",
|
|
87
83
|
"publishConfig": {
|
|
88
84
|
"registry": "https://registry.npmjs.org/"
|
|
89
85
|
},
|
|
86
|
+
"scripts": {
|
|
87
|
+
"build": "bob build",
|
|
88
|
+
"changeset": "changeset",
|
|
89
|
+
"clean": "del-cli lib",
|
|
90
|
+
"example": "yarn workspace react-native-gesture-image-viewer-example run",
|
|
91
|
+
"format": "oxfmt",
|
|
92
|
+
"format:check": "oxfmt --check",
|
|
93
|
+
"lint": "oxlint",
|
|
94
|
+
"lint:ci": "oxlint --format=github",
|
|
95
|
+
"lint:fix": "oxlint --fix",
|
|
96
|
+
"test": "jest",
|
|
97
|
+
"typecheck": "tsc"
|
|
98
|
+
},
|
|
90
99
|
"devDependencies": {
|
|
91
100
|
"@babel/core": "^7.27.7",
|
|
92
|
-
"@
|
|
101
|
+
"@changesets/changelog-github": "^0.6.0",
|
|
93
102
|
"@changesets/cli": "^2.29.5",
|
|
94
103
|
"@commitlint/config-conventional": "^19.6.0",
|
|
95
104
|
"@evilmartians/lefthook": "^1.5.0",
|
|
@@ -100,6 +109,8 @@
|
|
|
100
109
|
"commitlint": "^19.6.1",
|
|
101
110
|
"del-cli": "^5.1.0",
|
|
102
111
|
"jest": "^29.7.0",
|
|
112
|
+
"oxfmt": "^0.32.0",
|
|
113
|
+
"oxlint": "^1.47.0",
|
|
103
114
|
"react": "19.1.0",
|
|
104
115
|
"react-native": "0.81.4",
|
|
105
116
|
"react-native-builder-bob": "^0.40.13",
|
|
@@ -115,23 +126,23 @@
|
|
|
115
126
|
"react-native-reanimated": ">=4.0.0",
|
|
116
127
|
"react-native-worklets": ">=0.5.0"
|
|
117
128
|
},
|
|
118
|
-
"
|
|
119
|
-
"
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
"packageManager": "yarn@4.12.0",
|
|
129
|
+
"commitlint": {
|
|
130
|
+
"extends": [
|
|
131
|
+
"@commitlint/config-conventional"
|
|
132
|
+
]
|
|
133
|
+
},
|
|
124
134
|
"jest": {
|
|
125
|
-
"preset": "react-native",
|
|
126
135
|
"modulePathIgnorePatterns": [
|
|
127
136
|
"<rootDir>/example/node_modules",
|
|
128
137
|
"<rootDir>/lib/"
|
|
129
|
-
]
|
|
138
|
+
],
|
|
139
|
+
"preset": "react-native"
|
|
130
140
|
},
|
|
131
|
-
"
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
141
|
+
"packageManager": "yarn@4.12.0",
|
|
142
|
+
"create-react-native-library": {
|
|
143
|
+
"languages": "js",
|
|
144
|
+
"type": "library",
|
|
145
|
+
"version": "0.51.1"
|
|
135
146
|
},
|
|
136
147
|
"react-native-builder-bob": {
|
|
137
148
|
"source": "src",
|
|
@@ -150,10 +161,5 @@
|
|
|
150
161
|
}
|
|
151
162
|
]
|
|
152
163
|
]
|
|
153
|
-
},
|
|
154
|
-
"create-react-native-library": {
|
|
155
|
-
"languages": "js",
|
|
156
|
-
"type": "library",
|
|
157
|
-
"version": "0.51.1"
|
|
158
164
|
}
|
|
159
165
|
}
|
package/src/GestureTrigger.tsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ReactElement } from 'react';
|
|
2
2
|
import { Children, cloneElement, isValidElement, useMemo, useRef } from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
|
+
|
|
4
5
|
import { registry } from './GestureViewerRegistry';
|
|
5
6
|
|
|
6
7
|
/**
|
|
@@ -54,7 +55,11 @@ export type GestureTriggerProps<T extends WithOnPress> = {
|
|
|
54
55
|
* </GestureTrigger>
|
|
55
56
|
* ```
|
|
56
57
|
*/
|
|
57
|
-
export function GestureTrigger<T extends WithOnPress>({
|
|
58
|
+
export function GestureTrigger<T extends WithOnPress>({
|
|
59
|
+
id = 'default',
|
|
60
|
+
children,
|
|
61
|
+
onPress,
|
|
62
|
+
}: GestureTriggerProps<T>) {
|
|
58
63
|
const ref = useRef<View>(null);
|
|
59
64
|
|
|
60
65
|
const wrapped = useMemo(() => {
|
|
@@ -72,7 +77,9 @@ export function GestureTrigger<T extends WithOnPress>({ id = 'default', children
|
|
|
72
77
|
onPress?.(...args);
|
|
73
78
|
|
|
74
79
|
if (__DEV__ && !originalOnPress && !onPress) {
|
|
75
|
-
console.warn(
|
|
80
|
+
console.warn(
|
|
81
|
+
'[GestureTrigger] No onPress found on child or props. Nothing will happen on press.',
|
|
82
|
+
);
|
|
76
83
|
}
|
|
77
84
|
};
|
|
78
85
|
|
package/src/GestureViewer.tsx
CHANGED
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
import { useCallback, useEffect, useMemo, useRef } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
Platform,
|
|
4
|
+
type ScrollViewProps,
|
|
5
|
+
StyleSheet,
|
|
6
|
+
useWindowDimensions,
|
|
7
|
+
View,
|
|
8
|
+
} from 'react-native';
|
|
3
9
|
import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
|
|
4
10
|
import Animated from 'react-native-reanimated';
|
|
11
|
+
|
|
5
12
|
import { registry } from './GestureViewerRegistry';
|
|
6
13
|
import type { GestureViewerProps } from './types';
|
|
7
14
|
import { useGestureViewer } from './useGestureViewer';
|
|
@@ -45,6 +52,7 @@ export function GestureViewer<ItemT, LC>({
|
|
|
45
52
|
isPinching,
|
|
46
53
|
dismissGesture,
|
|
47
54
|
zoomGesture,
|
|
55
|
+
nativeScrollGesture,
|
|
48
56
|
onMomentumScrollEnd,
|
|
49
57
|
onScrollBeginDrag,
|
|
50
58
|
animatedStyle,
|
|
@@ -136,7 +144,16 @@ export function GestureViewer<ItemT, LC>({
|
|
|
136
144
|
scrollEventThrottle: 16,
|
|
137
145
|
removeClippedSubviews: true,
|
|
138
146
|
}) satisfies ScrollViewProps,
|
|
139
|
-
[
|
|
147
|
+
[
|
|
148
|
+
width,
|
|
149
|
+
itemSpacing,
|
|
150
|
+
isZoomed,
|
|
151
|
+
isRotated,
|
|
152
|
+
isPinching,
|
|
153
|
+
onMomentumScrollEnd,
|
|
154
|
+
onScrollBeginDrag,
|
|
155
|
+
enableSnapMode,
|
|
156
|
+
],
|
|
140
157
|
);
|
|
141
158
|
|
|
142
159
|
const control = useMemo(() => ({ dismiss: handleDismiss }), [handleDismiss]);
|
|
@@ -152,27 +169,35 @@ export function GestureViewer<ItemT, LC>({
|
|
|
152
169
|
isFlashListLike(Component) && { dataSet: { 'flash-list-paging-enabled-fix': true } })}
|
|
153
170
|
>
|
|
154
171
|
{isScrollView ? (
|
|
155
|
-
<
|
|
156
|
-
{
|
|
157
|
-
|
|
172
|
+
<GestureDetector gesture={nativeScrollGesture}>
|
|
173
|
+
<Component ref={listRef} {...commonProps} {...listProps}>
|
|
174
|
+
{loopData.map((item, index) => renderItem({ item, index }))}
|
|
175
|
+
</Component>
|
|
176
|
+
</GestureDetector>
|
|
158
177
|
) : (
|
|
159
178
|
isFlatListLike(Component) && (
|
|
160
|
-
<
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
179
|
+
<GestureDetector gesture={nativeScrollGesture}>
|
|
180
|
+
<Component
|
|
181
|
+
ref={listRef}
|
|
182
|
+
{...commonProps}
|
|
183
|
+
data={loopData}
|
|
184
|
+
renderItem={renderItem}
|
|
185
|
+
initialScrollIndex={
|
|
186
|
+
enableLoop && data.length > 1 ? initialIndex + 1 : initialIndex
|
|
187
|
+
}
|
|
188
|
+
keyExtractor={keyExtractor}
|
|
189
|
+
{...(isFlashListLike(Component)
|
|
190
|
+
? // NOTE - Deprecated estimatedItemSize for FlashList V2 (https://shopify.github.io/flash-list/docs/v2-changes#deprecated)
|
|
191
|
+
{ estimatedItemSize: width + itemSpacing }
|
|
192
|
+
: { windowSize: 3, maxToRenderPerBatch: 3, getItemLayout })}
|
|
193
|
+
// NOTE - https://github.com/necolas/react-native-web/issues/1299
|
|
194
|
+
{...(Platform.OS === 'web' &&
|
|
195
|
+
isFlatListLike(Component) && {
|
|
196
|
+
dataSet: { 'flat-list-paging-enabled-fix': true },
|
|
197
|
+
})}
|
|
198
|
+
{...listProps}
|
|
199
|
+
/>
|
|
200
|
+
</GestureDetector>
|
|
176
201
|
)
|
|
177
202
|
)}
|
|
178
203
|
</Animated.View>
|