react-native-gesture-image-viewer 1.6.1 → 2.0.0-beta.0
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
CHANGED
|
@@ -2,478 +2,85 @@
|
|
|
2
2
|
|
|
3
3
|
> English | [한국어](./README-ko_kr.md)
|
|
4
4
|
|
|
5
|
+
<div align="center">
|
|
6
|
+
<img src="./assets/logo.png" width="300px" alt="React Native Gesture Image Viewer logo" />
|
|
7
|
+
</div>
|
|
8
|
+
|
|
5
9
|
## Overview
|
|
6
10
|
|
|
7
11
|
Have you ever struggled with implementing complex gesture handling and animations when building image galleries or content viewers in React Native?
|
|
8
12
|
|
|
9
13
|
Existing libraries often have limited customization options or performance issues. `react-native-gesture-image-viewer` is a high-performance **universal gesture viewer** library built on React Native Reanimated and Gesture Handler, providing complete customization and intuitive gesture support for not only images but also videos, custom components, and any other content.
|
|
10
14
|
|
|
11
|
-
### Key Features
|
|
12
|
-
|
|
13
|
-
- ✅ **Complete Gesture Support** - Pinch zoom, double-tap zoom, swipe navigation, vertical drag dismiss
|
|
14
|
-
- ✅ **High-Performance Animations** - Smooth 60fps animations powered by React Native Reanimated
|
|
15
|
-
- ✅ **Full Customization** - Complete control over components, styles, and behaviors
|
|
16
|
-
- ✅ **External Control API** - Programmatic control from buttons or other components
|
|
17
|
-
- ✅ **Multi-Instance Management** - ID-based independent management of multiple viewers
|
|
18
|
-
- ✅ **Flexible Integration** - Use with Modal, [React Native Modal](https://www.npmjs.com/package/react-native-modal), ScrollView, FlatList, [FlashList](https://www.npmjs.com/package/@shopify/flash-list), [Expo Image](https://www.npmjs.com/package/expo-image), [FastImage](https://github.com/DylanVann/react-native-fast-image), and more
|
|
19
|
-
- ✅ **Full TypeScript Support** - Enhanced developer experience with smart type inference
|
|
20
|
-
- ✅ **Cross-Platform** - iOS, Android, and Web support
|
|
21
|
-
- ✅ **Easy-to-Use API** - Intuitive and simple implementation without complex setup
|
|
22
|
-
- ✅ **Various Environment Support** - Expo Go and New Architecture support
|
|
23
|
-
|
|
24
|
-
## Quick Start
|
|
25
|
-
|
|
26
|
-
### Examples & Demo
|
|
27
|
-
- [📁 Example Project](/example/) - Real implementation code with various use cases
|
|
28
|
-
- [🤖 Expo Go](https://snack.expo.dev/@harang/react-native-gesture-image-viewer) - Try it instantly on Snack Expo
|
|
29
|
-
|
|
30
15
|
<p align="center">
|
|
31
|
-
<img src="./assets/example.gif" width="600" />
|
|
16
|
+
<img src="./assets/example.gif" width="600" alt="Gesture and zoom demo" />
|
|
32
17
|
</p>
|
|
33
18
|
|
|
34
|
-
###
|
|
35
|
-
|
|
36
|
-
> [!IMPORTANT]
|
|
37
|
-
> `react-native-gesture-image-viewer` is a high-performance viewer library built on [`react-native-reanimated`](https://www.npmjs.com/package/react-native-reanimated) and [`react-native-gesture-handler`](https://www.npmjs.com/package/react-native-gesture-handler).
|
|
38
|
-
> Therefore, you must install React Native Reanimated and Gesture Handler before using this library. Please refer to the official documentation of these libraries for detailed setup guides.
|
|
39
|
-
|
|
40
|
-
```bash
|
|
41
|
-
npm install react-native-reanimated
|
|
42
|
-
npm install react-native-gesture-handler
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
#### Minimum Requirements
|
|
46
|
-
|
|
47
|
-
|Library|Minimum Version|
|
|
48
|
-
|:--|:--:|
|
|
49
|
-
|`react`|`>=18.0.0`|
|
|
50
|
-
|`react-native`|`>=0.75.0`|
|
|
51
|
-
|`react-native-gesture-handler`|`>=2.24.0`|
|
|
52
|
-
|`react-native-reanimated`|`>=3.0.0`|
|
|
53
|
-
|
|
54
|
-
#### [React Native Reanimated Setup](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/)
|
|
55
|
-
|
|
56
|
-
Add the plugin to your `babel.config.js`:
|
|
57
|
-
|
|
58
|
-
```js
|
|
59
|
-
// babel.config.js
|
|
60
|
-
module.exports = {
|
|
61
|
-
presets: [
|
|
62
|
-
... // don't add it here :)
|
|
63
|
-
],
|
|
64
|
-
plugins: [
|
|
65
|
-
...
|
|
66
|
-
// for web
|
|
67
|
-
'@babel/plugin-proposal-export-namespace-from',
|
|
68
|
-
// react-native-reanimated/plugin has to be listed last.
|
|
69
|
-
'react-native-reanimated/plugin',
|
|
70
|
-
],
|
|
71
|
-
};
|
|
72
|
-
```
|
|
73
|
-
|
|
74
|
-
Wrap your Metro config with `wrapWithReanimatedMetroConfig` in `metro.config.js`:
|
|
75
|
-
|
|
76
|
-
```js
|
|
77
|
-
const {
|
|
78
|
-
wrapWithReanimatedMetroConfig,
|
|
79
|
-
} = require('react-native-reanimated/metro-config');
|
|
80
|
-
|
|
81
|
-
const config = {
|
|
82
|
-
// Your existing Metro configuration options
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
module.exports = wrapWithReanimatedMetroConfig(config);
|
|
86
|
-
```
|
|
87
|
-
|
|
88
|
-
#### [react-native-gesture-handler Setup](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation)
|
|
89
|
-
|
|
90
|
-
- `react-native-gesture-handler` generally doesn't require additional setup, but please refer to the official documentation for your specific environment.
|
|
91
|
-
- For [using gestures in Android modals](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation#android), you would normally need to wrap modal content with `GestureHandlerRootView`. However, this library already includes `GestureHandlerRootView` internally, so no additional wrapping is needed when using modals.
|
|
19
|
+
### Key Features
|
|
92
20
|
|
|
93
|
-
|
|
21
|
+
- 🤌 **Complete Gesture Support** - Pinch zoom, double-tap zoom, swipe navigation, pan when zoomed-in, and vertical drag to dismiss
|
|
22
|
+
- 🏎️ **High-Performance Animations** - Smooth and responsive animations at 60fps and beyond, powered by React Native Reanimated
|
|
23
|
+
- 🎨 **Full Customization** - Total control over components, styles, and gesture behavior
|
|
24
|
+
- 🎛️ **External Control API** - Trigger actions programmatically from buttons or other UI components
|
|
25
|
+
- 🧩 **Multi-Instance Management** - Manage multiple viewers independently using unique IDs
|
|
26
|
+
- 🧬 **Flexible Integration** - Use with Modal, [React Native Modal](https://www.npmjs.com/package/react-native-modal), ScrollView, FlatList, [FlashList](https://www.npmjs.com/package/@shopify/flash-list), [Expo Image](https://www.npmjs.com/package/expo-image), [FastImage](https://github.com/DylanVann/react-native-fast-image), and more
|
|
27
|
+
- 🧠 **Full TypeScript Support** - Great developer experience with type inference and safety
|
|
28
|
+
- 🌐 **Cross-Platform** - Runs on iOS, Android, and Web with Expo Go and New Architecture compatibility
|
|
29
|
+
- 🪄 **Easy-to-Use API** - Simple and intuitive API that requires minimal setup
|
|
94
30
|
|
|
95
|
-
|
|
96
|
-
# npm
|
|
97
|
-
npm install react-native-gesture-image-viewer
|
|
31
|
+
## Quick Start
|
|
98
32
|
|
|
99
|
-
|
|
100
|
-
pnpm add react-native-gesture-image-viewer
|
|
33
|
+
### 📚 Documentation
|
|
101
34
|
|
|
102
|
-
|
|
103
|
-
yarn add react-native-gesture-image-viewer
|
|
35
|
+
Full documentation is available at: <https://react-native-gesture-image-viewer.pages.dev>
|
|
104
36
|
|
|
105
|
-
|
|
106
|
-
bun add react-native-gesture-image-viewer
|
|
107
|
-
```
|
|
37
|
+
### Examples & Demo
|
|
108
38
|
|
|
109
|
-
|
|
39
|
+
- [📁 Example Project](/example/) - Real implementation code with various use cases
|
|
40
|
+
- [🤖 Expo Go](https://snack.expo.dev/@harang/react-native-gesture-image-viewer) - Try it instantly on Snack Expo
|
|
110
41
|
|
|
111
42
|
### Basic Usage
|
|
112
43
|
|
|
113
44
|
`react-native-gesture-image-viewer` is a library focused purely on gesture interactions for complete customization.
|
|
114
|
-
You can create a viewer using any `Modal` of your choice as shown below:
|
|
115
45
|
|
|
116
46
|
```tsx
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
47
|
+
import { useCallback, useState } from 'react';
|
|
48
|
+
import { ScrollView, Image, Modal, View, Text, Button } from 'react-native';
|
|
49
|
+
import { GestureViewer, useGestureViewerController, useGestureViewerEvent } from 'react-native-gesture-image-viewer';
|
|
119
50
|
|
|
120
51
|
function App() {
|
|
121
52
|
const images = [...];
|
|
122
53
|
const [visible, setVisible] = useState(false);
|
|
123
54
|
|
|
124
|
-
|
|
55
|
+
const { goToIndex, goToPrevious, goToNext, currentIndex, totalCount } = useGestureViewerController();
|
|
56
|
+
|
|
125
57
|
const renderImage = useCallback((imageUrl: string) => {
|
|
126
58
|
return <Image source={{ uri: imageUrl }} style={{ width: '100%', height: '100%' }} resizeMode="contain" />;
|
|
127
59
|
}, []);
|
|
128
60
|
|
|
61
|
+
useGestureViewerEvent('zoomChange', (data) => {
|
|
62
|
+
console.log(`Zoom changed from ${data.previousScale} to ${data.scale}`);
|
|
63
|
+
});
|
|
64
|
+
|
|
129
65
|
return (
|
|
130
66
|
<Modal visible={visible} onRequestClose={() => setVisible(false)}>
|
|
131
67
|
<GestureViewer
|
|
132
68
|
data={images}
|
|
133
69
|
renderItem={renderImage}
|
|
134
|
-
ListComponent={
|
|
70
|
+
ListComponent={ScrollView}
|
|
135
71
|
onDismiss={() => setVisible(false)}
|
|
136
72
|
/>
|
|
137
|
-
</Modal>
|
|
138
|
-
);
|
|
139
|
-
}
|
|
140
|
-
```
|
|
141
|
-
|
|
142
|
-
### Gesture Features
|
|
143
|
-
|
|
144
|
-
`react-native-gesture-image-viewer` supports various gestures essential for viewers. All gestures are enabled by default.
|
|
145
|
-
|
|
146
|
-
```tsx
|
|
147
|
-
function App() {
|
|
148
|
-
return (
|
|
149
|
-
<GestureViewer
|
|
150
|
-
data={images}
|
|
151
|
-
renderItem={renderImage}
|
|
152
|
-
enableLoop={false}
|
|
153
|
-
enableDismissGesture
|
|
154
|
-
enableSwipeGesture
|
|
155
|
-
enableZoomGesture
|
|
156
|
-
enableDoubleTapGesture
|
|
157
|
-
enableZoomPanGesture
|
|
158
|
-
/>
|
|
159
|
-
)
|
|
160
|
-
}
|
|
161
|
-
```
|
|
162
|
-
|
|
163
|
-
|Property|Description|Default|
|
|
164
|
-
|:--:|:-----|:--:|
|
|
165
|
-
|`enableLoop`|Enables loop mode. When `true`, navigating next from the last item goes to the first item, and navigating previous from the first item goes to the last item.|`false`|
|
|
166
|
-
|`enableDismissGesture`|Calls `onDismiss` function when swiping down. Useful for closing modals with downward swipe gestures.|`true`|
|
|
167
|
-
|`enableSwipeGesture`|Controls left/right swipe gestures. When `false`, horizontal gestures are disabled.|`true`|
|
|
168
|
-
|`enableZoomGesture`|Controls two-finger pinch gestures with focal point zooming. When `false`, pinch zoom is disabled. Zoom centers on the point between your two fingers for intuitive scaling.|`true`|
|
|
169
|
-
|`enableDoubleTapGesture`|Controls double-tap zoom gestures with precision targeting. When `false`, double-tap zoom is disabled. Zoom centers exactly on the tapped location.|`true`|
|
|
170
|
-
|`enableZoomPanGesture`|Enables panning when zoomed in with automatic boundary detection. When `false`, movement is disabled during zoom. Prevents content from moving outside visible screen area.|`true`|
|
|
171
|
-
|
|
172
|
-
### Custom Components
|
|
173
|
-
|
|
174
|
-
`react-native-gesture-image-viewer` offers powerful complete component customization. You can create gesture-supported items with not only images but any component you want.
|
|
175
|
-
|
|
176
|
-
#### List Components
|
|
177
|
-
|
|
178
|
-
Support for any list component like `ScrollView`, `FlatList`, `FlashList` through the `ListComponent` prop.
|
|
179
|
-
The `listProps` provides **type inference based on the selected list component**, ensuring accurate autocompletion and type safety in your IDE.
|
|
180
|
-
|
|
181
|
-
```tsx
|
|
182
|
-
import { FlashList } from '@shopify/flash-list';
|
|
183
|
-
|
|
184
|
-
function App() {
|
|
185
|
-
return (
|
|
186
|
-
<GestureViewer
|
|
187
|
-
data={images}
|
|
188
|
-
ListComponent={FlashList}
|
|
189
|
-
listProps={{
|
|
190
|
-
// ✅ FlashList props autocompletion
|
|
191
|
-
}}
|
|
192
|
-
/>
|
|
193
|
-
);
|
|
194
|
-
}
|
|
195
|
-
```
|
|
196
|
-
|
|
197
|
-
#### Content Components
|
|
198
|
-
|
|
199
|
-
You can inject various types of content components like `expo-image`, `FastImage`, etc., through the `renderItem` prop to use gestures.
|
|
200
|
-
|
|
201
|
-
```tsx
|
|
202
|
-
import { GestureViewer } from 'react-native-gesture-image-viewer';
|
|
203
|
-
import { Image } from 'expo-image';
|
|
204
|
-
|
|
205
|
-
function App() {
|
|
206
|
-
const renderImage = useCallback((imageUrl: string) => {
|
|
207
|
-
return <Image source={{ uri: imageUrl }} style={{ width: '100%', height: '100%' }} contentFit="contain" />;
|
|
208
|
-
}, []);
|
|
209
|
-
|
|
210
|
-
return (
|
|
211
|
-
<GestureViewer
|
|
212
|
-
data={images}
|
|
213
|
-
renderItem={renderImage}
|
|
214
|
-
/>
|
|
215
|
-
);
|
|
216
|
-
}
|
|
217
|
-
```
|
|
218
|
-
|
|
219
|
-
### useGestureViewerController
|
|
220
|
-
|
|
221
|
-
You can programmatically control the `GestureViewer` using the `useGestureViewerController` hook.
|
|
222
|
-
|
|
223
|
-
```tsx
|
|
224
|
-
import { GestureViewer, useGestureViewerController } from 'react-native-gesture-image-viewer';
|
|
225
|
-
|
|
226
|
-
function App() {
|
|
227
|
-
const {
|
|
228
|
-
goToIndex,
|
|
229
|
-
goToPrevious,
|
|
230
|
-
goToNext,
|
|
231
|
-
currentIndex,
|
|
232
|
-
totalCount,
|
|
233
|
-
zoomIn,
|
|
234
|
-
zoomOut,
|
|
235
|
-
resetZoom,
|
|
236
|
-
rotate
|
|
237
|
-
} = useGestureViewerController();
|
|
238
|
-
|
|
239
|
-
return (
|
|
240
|
-
<View>
|
|
241
|
-
<GestureViewer
|
|
242
|
-
data={images}
|
|
243
|
-
renderItem={renderImage}
|
|
244
|
-
/>
|
|
245
|
-
{/* Zoom Controls */}
|
|
246
|
-
<View>
|
|
247
|
-
<Feather.Button name="zoom-in" onPress={() => zoomIn(0.25)} />
|
|
248
|
-
<Feather.Button name="zoom-out" onPress={() => zoomOut(0.25)} />
|
|
249
|
-
<Feather.Button
|
|
250
|
-
name="refresh-cw"
|
|
251
|
-
onPress={() => {
|
|
252
|
-
rotate(0);
|
|
253
|
-
resetZoom();
|
|
254
|
-
}}
|
|
255
|
-
/>
|
|
256
|
-
<Feather.Button name="rotate-cw" onPress={() => rotate(90)} />
|
|
257
|
-
<Feather.Button name="rotate-ccw" onPress={() => rotate(90, false)} />
|
|
258
|
-
</View>
|
|
259
|
-
{/* Navigation Controls */}
|
|
260
73
|
<View>
|
|
261
|
-
<
|
|
74
|
+
<Button title="<" onPress={goToPrevious} />
|
|
262
75
|
<Button title="Jump to index 2" onPress={() => goToIndex(2)} />
|
|
263
|
-
<
|
|
76
|
+
<Button title=">" onPress={goToNext} />
|
|
264
77
|
<Text>{`${currentIndex + 1} / ${totalCount}`}</Text>
|
|
265
78
|
</View>
|
|
266
|
-
</
|
|
267
|
-
);
|
|
268
|
-
}
|
|
269
|
-
```
|
|
270
|
-
|
|
271
|
-
#### API Reference
|
|
272
|
-
|
|
273
|
-
| Property | Description | Type | Default |
|
|
274
|
-
|:---------|:------------|:-----|:-------:|
|
|
275
|
-
| `goToIndex` | Navigate to a specific index. | `(index: number) => void` | - |
|
|
276
|
-
| `goToPrevious` | Navigate to the previous item. | `() => void` | - |
|
|
277
|
-
| `goToNext` | Navigate to the next item. | `() => void` | - |
|
|
278
|
-
| `currentIndex` | The index of the currently displayed item. | `number` | `0` |
|
|
279
|
-
| `totalCount` | The total number of items. | `number` | `0` |
|
|
280
|
-
| `zoomIn` | Zoom in by the specified multiplier. | `(multiplier?: number) => void` | `0.25` |
|
|
281
|
-
| `zoomOut` | Zoom out by the specified multiplier. | `(multiplier?: number) => void` | `0.25` |
|
|
282
|
-
| `resetZoom` | Reset zoom to the specified scale. | `(scale?: number) => void` | `1` |
|
|
283
|
-
| `rotate` | Rotate by the specified angle. | `(angle?: number, clockwise?: boolean) => void` | `90, true` |
|
|
284
|
-
|
|
285
|
-
#### Parameters
|
|
286
|
-
|
|
287
|
-
- `zoomIn(multiplier?)`
|
|
288
|
-
- **multiplier**: The multiplier for zooming in (range: `0.01 ~ 1`)
|
|
289
|
-
- Example: `zoomIn(0.5)` → Zoom in by an additional 50% of the current scale
|
|
290
|
-
- `zoomOut(multiplier?)`
|
|
291
|
-
- **multiplier**: The multiplier for zooming out (range: `0.01 ~ 1`)
|
|
292
|
-
- Example: `zoomOut(0.3)` → Zoom out by dividing the current scale by 1.3
|
|
293
|
-
- `resetZoom(scale?)`
|
|
294
|
-
- **scale**: The scale value to reset to
|
|
295
|
-
- Example: `resetZoom(1.5)` → Reset to 1.5x scale
|
|
296
|
-
- `rotate(angle?, clockwise?)`
|
|
297
|
-
- **angle**: The angle to rotate (0, 90, 180, 270, 360)
|
|
298
|
-
- **clockwise**: The direction to rotate (true: clockwise, false: counter-clockwise)
|
|
299
|
-
- Example: `rotate(90)` → Rotate 90 degrees clockwise
|
|
300
|
-
- Example: `rotate(90, false)` → Rotate 90 degrees counter-clockwise
|
|
301
|
-
- Example: `rotate(0)` → Reset rotation
|
|
302
|
-
|
|
303
|
-
### useGestureViewerEvent
|
|
304
|
-
|
|
305
|
-
You can subscribe to specific events from `GestureViewer` using the `useGestureViewerEvent` hook. This allows you to respond to real-time gesture changes like zoom and rotation.
|
|
306
|
-
|
|
307
|
-
```tsx
|
|
308
|
-
import { GestureViewer, useGestureViewerEvent } from 'react-native-gesture-image-viewer';
|
|
309
|
-
|
|
310
|
-
function App() {
|
|
311
|
-
// Listen to zoom changes on the default instance (ID: 'default')
|
|
312
|
-
useGestureViewerEvent('zoomChange', (data) => {
|
|
313
|
-
console.log(`Zoom changed from ${data.previousScale} to ${data.scale}`);
|
|
314
|
-
});
|
|
315
|
-
|
|
316
|
-
// Listen to rotation changes on the default instance (ID: 'default')
|
|
317
|
-
useGestureViewerEvent('rotationChange', (data) => {
|
|
318
|
-
console.log(`Rotation changed from ${data.previousRotation}° to ${data.rotation}°`);
|
|
319
|
-
});
|
|
320
|
-
|
|
321
|
-
// Listen to events on a specific instance
|
|
322
|
-
useGestureViewerEvent('gallery', 'zoomChange', (data) => {
|
|
323
|
-
console.log(`Gallery zoom: ${data.scale}x`);
|
|
324
|
-
});
|
|
325
|
-
|
|
326
|
-
return (
|
|
327
|
-
<GestureViewer
|
|
328
|
-
data={images}
|
|
329
|
-
renderItem={renderImage}
|
|
330
|
-
/>
|
|
331
|
-
);
|
|
332
|
-
}
|
|
333
|
-
```
|
|
334
|
-
|
|
335
|
-
#### Event Types
|
|
336
|
-
|
|
337
|
-
| Event | Description | Data |
|
|
338
|
-
|:-----|:-----|:-----|
|
|
339
|
-
| `zoomChange` | Fired when the zoom scale changes during pinch gestures | `{ scale: number, previousScale: number }` |
|
|
340
|
-
| `rotationChange` | Fired when the rotation angle changes during rotation gestures | `{ rotation: number, previousRotation: number }` |
|
|
341
|
-
|
|
342
|
-
### Style Customization
|
|
343
|
-
|
|
344
|
-
You can customize the styling of `GestureViewer`.
|
|
345
|
-
|
|
346
|
-
```tsx
|
|
347
|
-
import { GestureViewer } from 'react-native-gesture-image-viewer';
|
|
348
|
-
|
|
349
|
-
function App() {
|
|
350
|
-
return (
|
|
351
|
-
<GestureViewer
|
|
352
|
-
animateBackdrop={false}
|
|
353
|
-
width={400}
|
|
354
|
-
containerStyle={{ /* ... */ }}
|
|
355
|
-
backdropStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.90)' }}
|
|
356
|
-
renderContainer={(children) => <View style={{ flex: 1 }}>{children}</View>}
|
|
357
|
-
/>
|
|
358
|
-
);
|
|
359
|
-
}
|
|
360
|
-
```
|
|
361
|
-
|
|
362
|
-
|Property|Description|Default|
|
|
363
|
-
|:--:|:-----|:--:|
|
|
364
|
-
|`animateBackdrop`|By default, the background `opacity` gradually decreases from 1 to 0 during downward swipe gestures. When `false`, this animation is disabled.|`true`|
|
|
365
|
-
|`width`|The width of content items. Default is window width.|`Dimensions width`|
|
|
366
|
-
|`containerStyle`|Allows custom styling of the container that wraps the list component.|`flex: 1`|
|
|
367
|
-
|`backdropStyle`|Allows customization of the viewer's background style.|`backgroundColor: black; StyleSheet.absoluteFill;`|
|
|
368
|
-
|`renderContainer`|Allows custom wrapper component around `<GestureViewer />`.||
|
|
369
|
-
|
|
370
|
-
### Multi-Instance Management
|
|
371
|
-
|
|
372
|
-
When you want to efficiently manage multiple `GestureViewer` instances, you can use the `id` prop to use multiple `GestureViewer` components.
|
|
373
|
-
`GestureViewer` automatically removes instances from memory when components are unmounted, so no manual memory management is required.
|
|
374
|
-
|
|
375
|
-
> The default `id` value is `default`.
|
|
376
|
-
|
|
377
|
-
```tsx
|
|
378
|
-
import { GestureViewer, useGestureViewerController } from 'react-native-gesture-image-viewer';
|
|
379
|
-
|
|
380
|
-
const firstViewerId = 'firstViewerId';
|
|
381
|
-
const secondViewerId = 'secondViewerId';
|
|
382
|
-
|
|
383
|
-
function App() {
|
|
384
|
-
const { currentIndex: firstCurrentIndex, totalCount: firstTotalCount } = useGestureViewerController(firstViewerId);
|
|
385
|
-
const { currentIndex: secondCurrentIndex, totalCount: secondTotalCount } = useGestureViewerController(secondViewerId);
|
|
386
|
-
|
|
387
|
-
return (
|
|
388
|
-
<View>
|
|
389
|
-
<GestureViewer
|
|
390
|
-
id={firstViewerId}
|
|
391
|
-
data={images}
|
|
392
|
-
renderItem={renderImage}
|
|
393
|
-
/>
|
|
394
|
-
<GestureViewer
|
|
395
|
-
id={secondViewerId}
|
|
396
|
-
data={images}
|
|
397
|
-
renderItem={renderImage}
|
|
398
|
-
/>
|
|
399
|
-
</View>
|
|
400
|
-
);
|
|
401
|
-
}
|
|
402
|
-
```
|
|
403
|
-
|
|
404
|
-
### Additional Props
|
|
405
|
-
|
|
406
|
-
#### `onIndexChange`
|
|
407
|
-
The `onIndexChange` callback function is called when the `index` value changes.
|
|
408
|
-
|
|
409
|
-
```tsx
|
|
410
|
-
import { GestureViewer } from 'react-native-gesture-image-viewer';
|
|
411
|
-
|
|
412
|
-
function App() {
|
|
413
|
-
const [currentIndex, setCurrentIndex] = useState(0);
|
|
414
|
-
|
|
415
|
-
return (
|
|
416
|
-
<GestureViewer
|
|
417
|
-
onIndexChange={setCurrentIndex}
|
|
418
|
-
/>
|
|
419
|
-
);
|
|
420
|
-
}
|
|
421
|
-
```
|
|
422
|
-
|
|
423
|
-
#### `useSnap`
|
|
424
|
-
Sets the scroll behavior mode. `false` (default) uses paging mode, `true` uses snap mode.
|
|
425
|
-
|
|
426
|
-
```tsx
|
|
427
|
-
import { GestureViewer } from 'react-native-gesture-image-viewer';
|
|
428
|
-
|
|
429
|
-
function App() {
|
|
430
|
-
return (
|
|
431
|
-
<GestureViewer
|
|
432
|
-
data={data}
|
|
433
|
-
renderItem={renderItem}
|
|
434
|
-
useSnap={true}
|
|
435
|
-
/>
|
|
436
|
-
);
|
|
437
|
-
}
|
|
438
|
-
```
|
|
439
|
-
|
|
440
|
-
#### `itemSpacing`
|
|
441
|
-
Sets the spacing between items in pixels. Only applied when `useSnap` is `true`.
|
|
442
|
-
|
|
443
|
-
```tsx
|
|
444
|
-
import { GestureViewer } from 'react-native-gesture-image-viewer';
|
|
445
|
-
|
|
446
|
-
function App() {
|
|
447
|
-
return (
|
|
448
|
-
<GestureViewer
|
|
449
|
-
data={data}
|
|
450
|
-
renderItem={renderItem}
|
|
451
|
-
useSnap={true}
|
|
452
|
-
itemSpacing={16} // 16px spacing between items
|
|
453
|
-
/>
|
|
79
|
+
</Modal>
|
|
454
80
|
);
|
|
455
81
|
}
|
|
456
82
|
```
|
|
457
83
|
|
|
458
|
-
#### `initialIndex` (default: `0`)
|
|
459
|
-
Sets the initial index value.
|
|
460
|
-
|
|
461
|
-
#### `dismissThreshold` (default: `80`)
|
|
462
|
-
`dismissThreshold` controls when `onDismiss` is called by applying a threshold value during vertical gestures.
|
|
463
|
-
|
|
464
|
-
#### `resistance` (default: `2`)
|
|
465
|
-
`resistance` controls the range of vertical movement by applying resistance during vertical gestures.
|
|
466
|
-
|
|
467
|
-
#### `maxZoomScale` (default: `2`)
|
|
468
|
-
Controls the maximum zoom scale multiplier.
|
|
469
|
-
|
|
470
|
-
## Performance Optimization Tips
|
|
471
|
-
|
|
472
|
-
- Wrap the `renderItem` function with `useCallback` to prevent unnecessary re-renders.
|
|
473
|
-
- For large images, we recommend using `FastImage` or `expo-image`.
|
|
474
|
-
- For handling many images, we recommend using `FlashList`.
|
|
475
|
-
- Test on actual devices (performance may be limited in simulators).
|
|
476
|
-
|
|
477
84
|
## Contributing
|
|
478
85
|
|
|
479
86
|
For details on how to contribute to the project and set up the development environment, please refer to the [Contributing Guide](CONTRIBUTING.md).
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { InteractionManager, useWindowDimensions } from 'react-native';
|
|
5
5
|
import { Gesture } from 'react-native-gesture-handler';
|
|
6
|
-
import { Easing, interpolate,
|
|
6
|
+
import { Easing, interpolate, useAnimatedReaction, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
|
|
7
|
+
import { runOnJS } from 'react-native-worklets';
|
|
7
8
|
import { registry } from "./GestureViewerRegistry.js";
|
|
8
9
|
import { createBoundsConstraint, createScrollAction, getLoopAdjustedIndex } from "./utils.js";
|
|
9
10
|
export const useGestureViewer = ({
|
|
@@ -182,8 +183,11 @@ export const useGestureViewer = ({
|
|
|
182
183
|
return;
|
|
183
184
|
}
|
|
184
185
|
translateY.value = withSpring(0, {
|
|
185
|
-
|
|
186
|
-
|
|
186
|
+
stiffness: 600,
|
|
187
|
+
damping: 50,
|
|
188
|
+
mass: 4,
|
|
189
|
+
overshootClamping: false,
|
|
190
|
+
energyThreshold: 6e-9
|
|
187
191
|
});
|
|
188
192
|
});
|
|
189
193
|
}, [translateY, dismissThreshold, enableDismissGesture, onDismiss, resistance, isZoomed]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","InteractionManager","useWindowDimensions","Gesture","Easing","interpolate","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withSpring","withTiming","registry","createBoundsConstraint","createScrollAction","getLoopAdjustedIndex","useGestureViewer","data","initialIndex","onIndexChange","onDismiss","width","customWidth","dismissThreshold","resistance","animateBackdrop","enableDismissGesture","enableSwipeGesture","enableZoomGesture","enableDoubleTapGesture","enableZoomPanGesture","enableLoop","maxZoomScale","itemSpacing","useSnap","id","screenWidth","height","screenHeight","isZoomed","setIsZoomed","isRotated","setIsRotated","currentIndex","setCurrentIndex","manager","setManager","unsubscribeRef","initialTranslateY","initialTranslateX","startScale","translateY","translateX","scale","backdropOpacity","rotation","listRef","dataLength","length","adjustedInitialIndex","constrainTranslation","scrollTo","index","animated","scrollAction","current","emitZoomChange","currentScale","prevScale","emitRotationChange","currentRotation","prevRotation","value","previousScale","previousRotation","handleManagerChange","getState","subscribe","state","unsubscribeFromRegistry","subscribeToManager","setDataLength","setEnableSwipeGesture","setWidth","setHeight","setZoomSharedValues","setRotation","setEnableLoop","notifyStateChange","setListRef","runAfterInteractions","cancel","onMomentumScrollEnd","event","contentOffset","nativeEvent","scrollIndex","Math","round","x","isLoopHandled","handleMomentumScrollEnd","realIndex","needsJump","jumpToIndex","undefined","dismissGesture","Pan","minDistance","averageTouches","activeCursor","activeOffsetY","failOffsetX","enabled","onUpdate","translationY","onEnd","damping","stiffness","zoomPinchGesture","Pinch","onBegin","newScale","deltaScale","centerX","focalX","centerY","focalY","newTranslateX","newTranslateY","constrainedTranslateX","constrainedTranslateY","duration","easing","bezier","zoomPanGesture","translationX","doubleTapGesture","Tap","numberOfTaps","nextScale","y","zoomGesture","Race","Exclusive","animatedStyle","transform","rotate","backdropStyle","opacity","onScrollBeginDrag","handleScrollBeginDrag"],"sourceRoot":"../../src","sources":["useGestureViewer.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACzE,SACEC,kBAAkB,EAGlBC,mBAAmB,QACd,cAAc;AACrB,SAASC,OAAO,QAAQ,8BAA8B;AACtD,SACEC,MAAM,EACNC,WAAW,EACXC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAEhC,SAASC,QAAQ,QAAQ,4BAAyB;AAElD,SAASC,sBAAsB,EAAEC,kBAAkB,EAAEC,oBAAoB,QAAQ,YAAS;AAO1F,OAAO,MAAMC,gBAAgB,GAAGA,CAAU;EACxCC,IAAI;EACJC,YAAY,GAAG,CAAC;EAChBC,aAAa;EACbC,SAAS;EACTC,KAAK,EAAEC,WAAW;EAClBC,gBAAgB,GAAG,EAAE;EACrBC,UAAU,GAAG,CAAC;EACd;EACA;EACAC,eAAe,GAAG,IAAI;EACtBC,oBAAoB,GAAG,IAAI;EAC3BC,kBAAkB,GAAG,IAAI;EACzBC,iBAAiB,GAAG,IAAI;EACxBC,sBAAsB,GAAG,IAAI;EAC7BC,oBAAoB,GAAG,IAAI;EAC3BC,UAAU,GAAG,KAAK;EAClBC,YAAY,GAAG,CAAC;EAChBC,WAAW,GAAG,CAAC;EACfC,OAAO,GAAG,KAAK;EACfC,EAAE,GAAG;AACmB,CAAC,KAAK;EAC9B,MAAM;IAAEd,KAAK,EAAEe,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGpC,mBAAmB,CAAC,CAAC;EAC1E,MAAMmB,KAAK,GAAGa,OAAO,GAAGZ,WAAW,IAAIc,WAAW,GAAGA,WAAW;EAEhE,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGxC,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAM,CAACyC,SAAS,EAAEC,YAAY,CAAC,GAAG1C,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAAC2C,YAAY,EAAEC,eAAe,CAAC,GAAG5C,QAAQ,CAACkB,YAAY,CAAC;EAC9D,MAAM,CAAC2B,OAAO,EAAEC,UAAU,CAAC,GAAG9C,QAAQ,CAA8B,IAAI,CAAC;EAEzE,MAAM+C,cAAc,GAAGhD,MAAM,CAAsB,IAAI,CAAC;EAExD,MAAMiD,iBAAiB,GAAGvC,cAAc,CAAC,CAAC,CAAC;EAC3C,MAAMwC,iBAAiB,GAAGxC,cAAc,CAAC,CAAC,CAAC;EAC3C,MAAMyC,UAAU,GAAGzC,cAAc,CAAC,CAAC,CAAC;EAEpC,MAAM0C,UAAU,GAAG1C,cAAc,CAAC,CAAC,CAAC;EACpC,MAAM2C,UAAU,GAAG3C,cAAc,CAAC,CAAC,CAAC;EACpC,MAAM4C,KAAK,GAAG5C,cAAc,CAAC,CAAC,CAAC;EAC/B,MAAM6C,eAAe,GAAG7C,cAAc,CAAC,CAAC,CAAC;EACzC,MAAM8C,QAAQ,GAAG9C,cAAc,CAAC,CAAC,CAAC;EAElC,MAAM+C,OAAO,GAAGzD,MAAM,CAAM,IAAI,CAAC;EAEjC,MAAM0D,UAAU,GAAGxC,IAAI,EAAEyC,MAAM,IAAI,CAAC;EAEpC,MAAMC,oBAAoB,GAAG7D,OAAO,CAAC,MAAM;IACzC,IAAIiC,UAAU,IAAId,IAAI,CAACyC,MAAM,GAAG,CAAC,EAAE;MACjC,OAAOxC,YAAY,GAAG,CAAC;IACzB;IAEA,OAAOA,YAAY;EACrB,CAAC,EAAE,CAACa,UAAU,EAAEd,IAAI,CAACyC,MAAM,EAAExC,YAAY,CAAC,CAAC;EAE3C,MAAM0C,oBAAoB,GAAG9D,OAAO,CAClC,MAAMe,sBAAsB,CAAC;IAAEQ,KAAK;IAAEgB,MAAM,EAAEC;EAAa,CAAC,CAAC,EAC7D,CAACjB,KAAK,EAAEiB,YAAY,CACtB,CAAC;EAED,MAAMuB,QAAQ,GAAGjE,WAAW,CAC1B,CAACkE,KAAa,EAAEC,QAAiB,KAAK;IACpC,MAAMC,YAAY,GAAGlD,kBAAkB,CAAC0C,OAAO,CAACS,OAAO,EAAE5C,KAAK,GAAGY,WAAW,CAAC;IAE7E,OAAO+B,YAAY,CAACH,QAAQ,CAACC,KAAK,EAAEC,QAAQ,CAAC;EAC/C,CAAC,EACD,CAAC1C,KAAK,EAAEY,WAAW,CACrB,CAAC;EAED,MAAMiC,cAAc,GAAGtE,WAAW,CAChC,CAACuE,YAAoB,EAAEC,SAAwB,KAAK;IAClDvB,OAAO,EAAEqB,cAAc,CAACC,YAAY,EAAEC,SAAS,CAAC;EAClD,CAAC,EACD,CAACvB,OAAO,CACV,CAAC;EAED,MAAMwB,kBAAkB,GAAGzE,WAAW,CACpC,CAAC0E,eAAuB,EAAEC,YAA2B,KAAK;IACxD1B,OAAO,EAAEwB,kBAAkB,CAACC,eAAe,EAAEC,YAAY,CAAC;EAC5D,CAAC,EACD,CAAC1B,OAAO,CACV,CAAC;EAEDtC,mBAAmB,CACjB,MAAM8C,KAAK,CAACmB,KAAK,EACjB,CAACL,YAAY,EAAEM,aAAa,KAAK;IAC/B,IAAI5B,OAAO,IAAIsB,YAAY,KAAKM,aAAa,EAAE;MAC7CnE,OAAO,CAAC4D,cAAc,CAAC,CAACC,YAAY,EAAEM,aAAa,CAAC;IACtD;IAEAnE,OAAO,CAACkC,WAAW,CAAC,CAAC2B,YAAY,GAAG,CAAC,CAAC;EACxC,CACF,CAAC;EAED5D,mBAAmB,CACjB,MAAMgD,QAAQ,CAACiB,KAAK,EACpB,CAACF,eAAe,EAAEI,gBAAgB,KAAK;IACrC,IAAI7B,OAAO,IAAIyB,eAAe,KAAKI,gBAAgB,EAAE;MACnDpE,OAAO,CAAC+D,kBAAkB,CAAC,CAACC,eAAe,EAAEI,gBAAgB,CAAC;IAChE;IAEApE,OAAO,CAACoC,YAAY,CAAC,CAAC4B,eAAe,GAAG,GAAG,KAAK,CAAC,CAAC;EACpD,CACF,CAAC;EAEDzE,SAAS,CAAC,MAAM;IACd,MAAM8E,mBAAmB,GAAI9B,OAAoC,IAAK;MACpEE,cAAc,CAACkB,OAAO,GAAG,CAAC;MAC1BlB,cAAc,CAACkB,OAAO,GAAG,IAAI;MAE7BnB,UAAU,CAACD,OAAO,CAAC;MAEnB,IAAIA,OAAO,EAAE;QACXD,eAAe,CAACC,OAAO,CAAC+B,QAAQ,CAAC,CAAC,CAACjC,YAAY,CAAC;QAChDI,cAAc,CAACkB,OAAO,GAAGpB,OAAO,CAACgC,SAAS,CAAEC,KAAK,IAAK;UACpDlC,eAAe,CAACkC,KAAK,CAACnC,YAAY,CAAC;QACrC,CAAC,CAAC;QACF;MACF;MAEAC,eAAe,CAAC,CAAC,CAAC;IACpB,CAAC;IAED,MAAMmC,uBAAuB,GAAGnE,QAAQ,CAACoE,kBAAkB,CAAC7C,EAAE,EAAEwC,mBAAmB,CAAC;IAEpF,OAAO,MAAM;MACXI,uBAAuB,CAAC,CAAC;MACzBhC,cAAc,CAACkB,OAAO,GAAG,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAAC9B,EAAE,CAAC,CAAC;EAERtC,SAAS,CAAC,MAAM;IACd,IAAI,CAACgD,OAAO,EAAE;MACZ;IACF;IAEAA,OAAO,CAACoC,aAAa,CAACxB,UAAU,CAAC;IACjCZ,OAAO,CAACqC,qBAAqB,CAACvD,kBAAkB,CAAC;IACjDkB,OAAO,CAACD,eAAe,CAAC1B,YAAY,CAAC;IACrC2B,OAAO,CAACsC,QAAQ,CAAC9D,KAAK,GAAGY,WAAW,CAAC;IACrCY,OAAO,CAACuC,SAAS,CAAC9C,YAAY,CAAC;IAC/BO,OAAO,CAACwC,mBAAmB,CAAChC,KAAK,EAAED,UAAU,EAAED,UAAU,EAAEnB,YAAY,CAAC;IACxEa,OAAO,CAACyC,WAAW,CAAC/B,QAAQ,CAAC;IAC7BV,OAAO,CAAC0C,aAAa,CAACxD,UAAU,CAAC;IACjCc,OAAO,CAAC2C,iBAAiB,CAAC,CAAC;EAC7B,CAAC,EAAE,CACD/B,UAAU,EACV9B,kBAAkB,EAClBT,YAAY,EACZ2B,OAAO,EACPxB,KAAK,EACLY,WAAW,EACXD,YAAY,EACZD,UAAU,EACVsB,KAAK,EACLf,YAAY,EACZc,UAAU,EACVD,UAAU,EACVI,QAAQ,CACT,CAAC;EAEF1D,SAAS,CAAC,MAAM;IACd,IAAI,CAACgD,OAAO,IAAI,CAACW,OAAO,CAACS,OAAO,EAAE;MAChC;IACF;IAEApB,OAAO,CAAC4C,UAAU,CAACjC,OAAO,CAACS,OAAO,CAAC;EACrC,CAAC,EAAE,CAACpB,OAAO,CAAC,CAAC;EAEbhD,SAAS,CAAC,MAAM;IACdsB,aAAa,GAAGwB,YAAY,CAAC;EAC/B,CAAC,EAAE,CAACA,YAAY,EAAExB,aAAa,CAAC,CAAC;EAEjCtB,SAAS,CAAC,MAAM;IACdsD,UAAU,CAACqB,KAAK,GAAG,CAAC;IACpBpB,UAAU,CAACoB,KAAK,GAAG,CAAC;IACpBnB,KAAK,CAACmB,KAAK,GAAG,CAAC;IACflB,eAAe,CAACkB,KAAK,GAAG,CAAC;IACzBtB,UAAU,CAACsB,KAAK,GAAG,CAAC;IACpBjB,QAAQ,CAACiB,KAAK,GAAG,CAAC;IAElB,IAAIb,oBAAoB,IAAI,CAAC,IAAI,CAACH,OAAO,CAACS,OAAO,EAAE;MACjD;IACF;IAEA,MAAMyB,oBAAoB,GAAGzF,kBAAkB,CAACyF,oBAAoB,CAAC,MAAM;MACzE7B,QAAQ,CAACF,oBAAoB,EAAE,KAAK,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,MAAM;MACX+B,oBAAoB,EAAEC,MAAM,CAAC,CAAC;IAChC,CAAC;EACH,CAAC,EAAE,CAAChC,oBAAoB,EAAER,UAAU,EAAEG,eAAe,EAAEF,UAAU,EAAEC,KAAK,EAAEH,UAAU,EAAEK,QAAQ,EAAEM,QAAQ,CAAC,CAAC;EAE1G,MAAM+B,mBAAmB,GAAGhG,WAAW,CACpCiG,KAA8C,IAAK;IAClD,IAAI,CAAClE,kBAAkB,EAAE;MACvB;IACF;IAEA,MAAMmE,aAAa,GAAGD,KAAK,CAACE,WAAW,CAACD,aAAa;IACrD,MAAME,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACJ,aAAa,CAACK,CAAC,IAAI9E,KAAK,GAAGY,WAAW,CAAC,CAAC;IAEvE,MAAMmE,aAAa,GAAGvD,OAAO,EAAEwD,uBAAuB,CAACL,WAAW,CAAC;IAEnE,IAAII,aAAa,EAAE;MACjB;IACF;IAEA,MAAM;MAAEE,SAAS;MAAEC,SAAS;MAAEC;IAAY,CAAC,GAAGzF,oBAAoB,CAACiF,WAAW,EAAEvC,UAAU,EAAE1B,UAAU,CAAC;IAEvG,IAAIwE,SAAS,IAAIC,WAAW,KAAKC,SAAS,EAAE;MAC1C5C,QAAQ,CAAC2C,WAAW,EAAE,KAAK,CAAC;IAC9B;IAEA,IAAIF,SAAS,KAAK3D,YAAY,IAAI2D,SAAS,IAAI,CAAC,IAAIA,SAAS,GAAG7C,UAAU,EAAE;MAC1E,IAAIZ,OAAO,EAAE;QACXA,OAAO,CAACD,eAAe,CAAC0D,SAAS,CAAC;QAClC1D,eAAe,CAAC0D,SAAS,CAAC;QAC1BzD,OAAO,CAAC2C,iBAAiB,CAAC,CAAC;MAC7B;MAEApC,UAAU,CAACoB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;MAChCwC,UAAU,CAACqB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;MAChCsC,iBAAiB,CAACuB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;MACvCqC,iBAAiB,CAACwB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;MACvCuC,UAAU,CAACsB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;MAChC0C,KAAK,CAACmB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;MAC3B4C,QAAQ,CAACiB,KAAK,GAAG,CAAC;IACpB;EACF,CAAC,EACD,CACEX,QAAQ,EACRhB,OAAO,EACPF,YAAY,EACZc,UAAU,EACVpC,KAAK,EACLY,WAAW,EACXN,kBAAkB,EAClBI,UAAU,EACVqB,UAAU,EACVD,UAAU,EACVE,KAAK,EACLJ,iBAAiB,EACjBD,iBAAiB,EACjBE,UAAU,EACVK,QAAQ,CAEZ,CAAC;EAED,MAAMmD,cAAc,GAAG5G,OAAO,CAAC,MAAM;IACnC,OAAOK,OAAO,CAACwG,GAAG,CAAC,CAAC,CACjBC,WAAW,CAAC,EAAE,CAAC,CACfC,cAAc,CAAC,IAAI,CAAC,CACpBC,YAAY,CAAC,UAAU,CAAC,CACxBC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CACxBC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CACtBC,OAAO,CAAC,CAAC1E,QAAQ,CAAC,CAClB2E,QAAQ,CAAErB,KAAK,IAAK;MACnB1C,UAAU,CAACqB,KAAK,GAAGqB,KAAK,CAACsB,YAAY,GAAG3F,UAAU;IACpD,CAAC,CAAC,CACD4F,KAAK,CAAEvB,KAAK,IAAK;MAChB,IAAIA,KAAK,CAACsB,YAAY,GAAG5F,gBAAgB,IAAIG,oBAAoB,IAAIN,SAAS,EAAE;QAC9Ed,OAAO,CAACc,SAAS,CAAC,CAAC,CAAC;QACpB;MACF;MAEA+B,UAAU,CAACqB,KAAK,GAAG9D,UAAU,CAAC,CAAC,EAAE;QAC/B2G,OAAO,EAAE,EAAE;QACXC,SAAS,EAAE;MACb,CAAC,CAAC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACnE,UAAU,EAAE5B,gBAAgB,EAAEG,oBAAoB,EAAEN,SAAS,EAAEI,UAAU,EAAEe,QAAQ,CAAC,CAAC;EAEzF,MAAMgF,gBAAgB,GAAGzH,OAAO,CAAC,MAAM;IACrC,OAAOK,OAAO,CAACqH,KAAK,CAAC,CAAC,CACnBP,OAAO,CAACrF,iBAAiB,CAAC,CAC1B6F,OAAO,CAAC,MAAM;MACbvE,UAAU,CAACsB,KAAK,GAAGnB,KAAK,CAACmB,KAAK;MAC9BvB,iBAAiB,CAACuB,KAAK,GAAGpB,UAAU,CAACoB,KAAK;MAC1CxB,iBAAiB,CAACwB,KAAK,GAAGrB,UAAU,CAACqB,KAAK;IAC5C,CAAC,CAAC,CACD0C,QAAQ,CAAErB,KAAK,IAAK;MACnB,MAAM6B,QAAQ,GAAGxE,UAAU,CAACsB,KAAK,GAAGqB,KAAK,CAACxC,KAAK;MAE/CA,KAAK,CAACmB,KAAK,GAAGkD,QAAQ;MAEtB,IAAIA,QAAQ,IAAI,CAAC,EAAE;QACjBtE,UAAU,CAACoB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;QAChCwC,UAAU,CAACqB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;QAChC;MACF;MAEA,MAAMgH,UAAU,GAAGD,QAAQ,GAAGxE,UAAU,CAACsB,KAAK;MAC9C,MAAMoD,OAAO,GAAG/B,KAAK,CAACgC,MAAM,GAAGxG,KAAK,GAAG,CAAC;MACxC,MAAMyG,OAAO,GAAGjC,KAAK,CAACkC,MAAM,GAAGzF,YAAY,GAAG,CAAC;;MAE/C;MACA,MAAM0F,aAAa,GAAG/E,iBAAiB,CAACuB,KAAK,GAAIoD,OAAO,GAAGD,UAAU,GAAIzE,UAAU,CAACsB,KAAK;MACzF,MAAMyD,aAAa,GAAGjF,iBAAiB,CAACwB,KAAK,GAAIsD,OAAO,GAAGH,UAAU,GAAIzE,UAAU,CAACsB,KAAK;MAEzF,MAAM;QAAEpB,UAAU,EAAE8E,qBAAqB;QAAE/E,UAAU,EAAEgF;MAAsB,CAAC,GAAGvE,oBAAoB,CAAC;QACpGR,UAAU,EAAE4E,aAAa;QACzB7E,UAAU,EAAE8E,aAAa;QACzB5E,KAAK,EAAEqE;MACT,CAAC,CAAC;MAEFtE,UAAU,CAACoB,KAAK,GAAG0D,qBAAqB;MACxC/E,UAAU,CAACqB,KAAK,GAAG2D,qBAAqB;IAC1C,CAAC,CAAC,CACDf,KAAK,CAAC,MAAM;MACX,IAAI/D,KAAK,CAACmB,KAAK,GAAGxC,YAAY,EAAE;QAC9BqB,KAAK,CAACmB,KAAK,GAAG7D,UAAU,CAACqB,YAAY,EAAE;UACrCoG,QAAQ,EAAE,GAAG;UACbC,MAAM,EAAEjI,MAAM,CAACkI,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;QAC5C,CAAC,CAAC;QAEF,MAAM;UAAElF,UAAU,EAAE8E,qBAAqB;UAAE/E,UAAU,EAAEgF;QAAsB,CAAC,GAAGvE,oBAAoB,CAAC;UACpGR,UAAU,EAAEA,UAAU,CAACoB,KAAK;UAC5BrB,UAAU,EAAEA,UAAU,CAACqB,KAAK;UAC5BnB,KAAK,EAAErB;QACT,CAAC,CAAC;QAEFoB,UAAU,CAACoB,KAAK,GAAG7D,UAAU,CAACuH,qBAAqB,CAAC;QACpD/E,UAAU,CAACqB,KAAK,GAAG7D,UAAU,CAACwH,qBAAqB,CAAC;QAEpD;MACF;MAEA,IAAI9E,KAAK,CAACmB,KAAK,GAAG,CAAC,EAAE;QACnBnB,KAAK,CAACmB,KAAK,GAAG7D,UAAU,CAAC,CAAC,EAAE;UAC1ByH,QAAQ,EAAE,GAAG;UACbC,MAAM,EAAEjI,MAAM,CAACkI,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;QAC5C,CAAC,CAAC;QACFlF,UAAU,CAACoB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;QAChCwC,UAAU,CAACqB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;QAChCsC,iBAAiB,CAACuB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;QACvCqC,iBAAiB,CAACwB,KAAK,GAAG7D,UAAU,CAAC,CAAC,CAAC;QACvC;MACF;MAEA,MAAM;QAAEyC,UAAU,EAAE8E,qBAAqB;QAAE/E,UAAU,EAAEgF;MAAsB,CAAC,GAAGvE,oBAAoB,CAAC;QACpGR,UAAU,EAAEA,UAAU,CAACoB,KAAK;QAC5BrB,UAAU,EAAEA,UAAU,CAACqB,KAAK;QAC5BnB,KAAK,EAAEA,KAAK,CAACmB;MACf,CAAC,CAAC;MAEFpB,UAAU,CAACoB,KAAK,GAAG7D,UAAU,CAACuH,qBAAqB,CAAC;MACpD/E,UAAU,CAACqB,KAAK,GAAG7D,UAAU,CAACwH,qBAAqB,CAAC;IACtD,CAAC,CAAC;EACN,CAAC,EAAE,CACD9E,KAAK,EACLzB,iBAAiB,EACjBI,YAAY,EACZoB,UAAU,EACVD,UAAU,EACVD,UAAU,EACVD,iBAAiB,EACjBD,iBAAiB,EACjB3B,KAAK,EACLiB,YAAY,EACZsB,oBAAoB,CACrB,CAAC;EAEF,MAAM2E,cAAc,GAAGzI,OAAO,CAAC,MAAM;IACnC,OAAOK,OAAO,CAACwG,GAAG,CAAC,CAAC,CACjBM,OAAO,CAACnF,oBAAoB,IAAIS,QAAQ,CAAC,CACzCuE,YAAY,CAAC,UAAU,CAAC,CACxBD,cAAc,CAAC,IAAI,CAAC,CACpBY,OAAO,CAAC,MAAM;MACbxE,iBAAiB,CAACuB,KAAK,GAAGpB,UAAU,CAACoB,KAAK;MAC1CxB,iBAAiB,CAACwB,KAAK,GAAGrB,UAAU,CAACqB,KAAK;IAC5C,CAAC,CAAC,CACD0C,QAAQ,CAAErB,KAAK,IAAK;MACnB,IAAIxC,KAAK,CAACmB,KAAK,GAAG,CAAC,EAAE;QACnB,MAAMwD,aAAa,GAAG/E,iBAAiB,CAACuB,KAAK,GAAGqB,KAAK,CAAC2C,YAAY;QAClE,MAAMP,aAAa,GAAGjF,iBAAiB,CAACwB,KAAK,GAAGqB,KAAK,CAACsB,YAAY;QAElE,MAAM;UAAE/D,UAAU,EAAE8E,qBAAqB;UAAE/E,UAAU,EAAEgF;QAAsB,CAAC,GAAGvE,oBAAoB,CAAC;UACpGR,UAAU,EAAE4E,aAAa;UACzB7E,UAAU,EAAE8E,aAAa;UACzB5E,KAAK,EAAEA,KAAK,CAACmB;QACf,CAAC,CAAC;QAEFpB,UAAU,CAACoB,KAAK,GAAG0D,qBAAqB;QACxC/E,UAAU,CAACqB,KAAK,GAAG2D,qBAAqB;MAC1C;IACF,CAAC,CAAC;EACN,CAAC,EAAE,CACD/E,UAAU,EACVD,UAAU,EACVrB,oBAAoB,EACpBS,QAAQ,EACRc,KAAK,EACLJ,iBAAiB,EACjBD,iBAAiB,EACjBY,oBAAoB,CACrB,CAAC;EAEF,MAAM6E,gBAAgB,GAAG3I,OAAO,CAAC,MAAM;IACrC,OAAOK,OAAO,CAACuI,GAAG,CAAC,CAAC,CACjBzB,OAAO,CAACpF,sBAAsB,CAAC,CAC/B8G,YAAY,CAAC,CAAC,CAAC,CACfvB,KAAK,CAAEvB,KAAK,IAAK;MAChB,MAAM+C,SAAS,GAAGvF,KAAK,CAACmB,KAAK,GAAG,CAAC,GAAG,CAAC,GAAGxC,YAAY;MAEpD,IAAI4G,SAAS,GAAG,CAAC,EAAE;QACjB,MAAMhB,OAAO,GAAG/B,KAAK,CAACM,CAAC,GAAG9E,KAAK,GAAG,CAAC;QACnC,MAAMyG,OAAO,GAAGjC,KAAK,CAACgD,CAAC,GAAGvG,YAAY,GAAG,CAAC;;QAE1C;QACAc,UAAU,CAACoB,KAAK,GAAG7D,UAAU,CAAC,CAACiH,OAAO,IAAIgB,SAAS,GAAG,CAAC,CAAC,EAAE;UACxDR,QAAQ,EAAE,GAAG;UACbC,MAAM,EAAEjI,MAAM,CAACkI,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;QAC5C,CAAC,CAAC;QACFnF,UAAU,CAACqB,KAAK,GAAG7D,UAAU,CAAC,CAACmH,OAAO,IAAIc,SAAS,GAAG,CAAC,CAAC,EAAE;UACxDR,QAAQ,EAAE,GAAG;UACbC,MAAM,EAAEjI,MAAM,CAACkI,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;QAC5C,CAAC,CAAC;MACJ,CAAC,MAAM;QACLlF,UAAU,CAACoB,KAAK,GAAG7D,UAAU,CAAC,CAAC,EAAE;UAC/ByH,QAAQ,EAAE,GAAG;UACbC,MAAM,EAAEjI,MAAM,CAACkI,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;QAC5C,CAAC,CAAC;QACFnF,UAAU,CAACqB,KAAK,GAAG7D,UAAU,CAAC,CAAC,EAAE;UAC/ByH,QAAQ,EAAE,GAAG;UACbC,MAAM,EAAEjI,MAAM,CAACkI,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;QAC5C,CAAC,CAAC;MACJ;MAEAjF,KAAK,CAACmB,KAAK,GAAG7D,UAAU,CAACiI,SAAS,EAAE;QAClCR,QAAQ,EAAE,GAAG;QACbC,MAAM,EAAEjI,MAAM,CAACkI,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;MAC5C,CAAC,CAAC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACjF,KAAK,EAAExB,sBAAsB,EAAEG,YAAY,EAAEoB,UAAU,EAAED,UAAU,EAAE9B,KAAK,EAAEiB,YAAY,CAAC,CAAC;EAE9F,MAAMwG,WAAW,GAAGhJ,OAAO,CAAC,MAAM;IAChC,OAAOK,OAAO,CAAC4I,IAAI,CAACxB,gBAAgB,EAAEpH,OAAO,CAAC6I,SAAS,CAACT,cAAc,EAAEE,gBAAgB,CAAC,CAAC;EAC5F,CAAC,EAAE,CAAClB,gBAAgB,EAAEgB,cAAc,EAAEE,gBAAgB,CAAC,CAAC;EAExD,MAAMQ,aAAa,GAAGzI,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACL0I,SAAS,EAAE,CACT;QAAE/F,UAAU,EAAEA,UAAU,CAACqB;MAAM,CAAC,EAChC;QAAEpB,UAAU,EAAEA,UAAU,CAACoB;MAAM,CAAC,EAChC;QAAEnB,KAAK,EAAEA,KAAK,CAACmB;MAAM,CAAC,EACtB;QAAE2E,MAAM,EAAE,GAAG5F,QAAQ,CAACiB,KAAK;MAAM,CAAC;IAEtC,CAAC;EACH,CAAC,CAAC;EAEF,MAAM4E,aAAa,GAAG5I,gBAAgB,CAAC,MAAM;IAC3C,IAAI,CAACiB,eAAe,IAAI4B,KAAK,CAACmB,KAAK,KAAK,CAAC,EAAE;MACzC,OAAO;QAAE6E,OAAO,EAAE;MAAE,CAAC;IACvB;IAEA,MAAMA,OAAO,GAAGhJ,WAAW,CAAC8C,UAAU,CAACqB,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC;IAExE,OAAO;MAAE6E;IAAQ,CAAC;EACpB,CAAC,EAAE,CAAC5H,eAAe,CAAC,CAAC;EAErB,MAAM6H,iBAAiB,GAAG1J,WAAW,CAAC,MAAM;IAC1CiD,OAAO,EAAE0G,qBAAqB,CAAC,CAAC;EAClC,CAAC,EAAE,CAAC1G,OAAO,CAAC,CAAC;EAEb,OAAO;IACLF,YAAY;IACZc,UAAU;IACVN,UAAU;IACVK,OAAO;IACPjB,QAAQ;IACRE,SAAS;IACTiE,cAAc;IACdoC,WAAW;IAEXlD,mBAAmB;IACnB0D,iBAAiB;IAEjBL,aAAa;IACbG;EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","InteractionManager","useWindowDimensions","Gesture","Easing","interpolate","useAnimatedReaction","useAnimatedStyle","useSharedValue","withSpring","withTiming","runOnJS","registry","createBoundsConstraint","createScrollAction","getLoopAdjustedIndex","useGestureViewer","data","initialIndex","onIndexChange","onDismiss","width","customWidth","dismissThreshold","resistance","animateBackdrop","enableDismissGesture","enableSwipeGesture","enableZoomGesture","enableDoubleTapGesture","enableZoomPanGesture","enableLoop","maxZoomScale","itemSpacing","useSnap","id","screenWidth","height","screenHeight","isZoomed","setIsZoomed","isRotated","setIsRotated","currentIndex","setCurrentIndex","manager","setManager","unsubscribeRef","initialTranslateY","initialTranslateX","startScale","translateY","translateX","scale","backdropOpacity","rotation","listRef","dataLength","length","adjustedInitialIndex","constrainTranslation","scrollTo","index","animated","scrollAction","current","emitZoomChange","currentScale","prevScale","emitRotationChange","currentRotation","prevRotation","value","previousScale","previousRotation","handleManagerChange","getState","subscribe","state","unsubscribeFromRegistry","subscribeToManager","setDataLength","setEnableSwipeGesture","setWidth","setHeight","setZoomSharedValues","setRotation","setEnableLoop","notifyStateChange","setListRef","runAfterInteractions","cancel","onMomentumScrollEnd","event","contentOffset","nativeEvent","scrollIndex","Math","round","x","isLoopHandled","handleMomentumScrollEnd","realIndex","needsJump","jumpToIndex","undefined","dismissGesture","Pan","minDistance","averageTouches","activeCursor","activeOffsetY","failOffsetX","enabled","onUpdate","translationY","onEnd","stiffness","damping","mass","overshootClamping","energyThreshold","zoomPinchGesture","Pinch","onBegin","newScale","deltaScale","centerX","focalX","centerY","focalY","newTranslateX","newTranslateY","constrainedTranslateX","constrainedTranslateY","duration","easing","bezier","zoomPanGesture","translationX","doubleTapGesture","Tap","numberOfTaps","nextScale","y","zoomGesture","Race","Exclusive","animatedStyle","transform","rotate","backdropStyle","opacity","onScrollBeginDrag","handleScrollBeginDrag"],"sourceRoot":"../../src","sources":["useGestureViewer.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -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;AActB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,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,qRAqBvC,qBAAqB,CAAC,CAAC,CAAC;;;;;;;;;iCA6Kf,oBAAoB,CAAC,iBAAiB,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;AActB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,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,qRAqBvC,qBAAqB,CAAC,CAAC,CAAC;;;;;;;;;iCA6Kf,oBAAoB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkSlD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-gesture-image-viewer",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-beta.0",
|
|
4
4
|
"description": "🖼️ A highly customizable and easy-to-use React Native image viewer with gesture support and external controls",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"bugs": {
|
|
75
75
|
"url": "https://github.com/saseungmin/react-native-gesture-image-viewer/issues"
|
|
76
76
|
},
|
|
77
|
-
"homepage": "https://
|
|
77
|
+
"homepage": "https://react-native-gesture-image-viewer.pages.dev",
|
|
78
78
|
"publishConfig": {
|
|
79
79
|
"registry": "https://registry.npmjs.org/"
|
|
80
80
|
},
|
|
@@ -95,18 +95,21 @@
|
|
|
95
95
|
"react-native": "0.79.5",
|
|
96
96
|
"react-native-builder-bob": "^0.40.12",
|
|
97
97
|
"react-native-gesture-handler": "^2.24.0",
|
|
98
|
-
"react-native-reanimated": "^
|
|
98
|
+
"react-native-reanimated": "^4.0.1",
|
|
99
|
+
"react-native-worklets": "^0.4.1",
|
|
99
100
|
"typescript": "^5.8.3"
|
|
100
101
|
},
|
|
101
102
|
"peerDependencies": {
|
|
102
103
|
"react": ">=18.0.0",
|
|
103
104
|
"react-native": ">=0.75.0",
|
|
104
105
|
"react-native-gesture-handler": ">=2.24.0",
|
|
105
|
-
"react-native-reanimated": ">=
|
|
106
|
+
"react-native-reanimated": ">=4.0.0",
|
|
107
|
+
"react-native-worklets": "*"
|
|
106
108
|
},
|
|
107
109
|
"workspaces": [
|
|
108
110
|
".",
|
|
109
|
-
"example"
|
|
111
|
+
"example",
|
|
112
|
+
"docs"
|
|
110
113
|
],
|
|
111
114
|
"packageManager": "yarn@4.9.2",
|
|
112
115
|
"jest": {
|
package/src/useGestureViewer.ts
CHANGED
|
@@ -9,13 +9,13 @@ import { Gesture } from 'react-native-gesture-handler';
|
|
|
9
9
|
import {
|
|
10
10
|
Easing,
|
|
11
11
|
interpolate,
|
|
12
|
-
runOnJS,
|
|
13
12
|
useAnimatedReaction,
|
|
14
13
|
useAnimatedStyle,
|
|
15
14
|
useSharedValue,
|
|
16
15
|
withSpring,
|
|
17
16
|
withTiming,
|
|
18
17
|
} from 'react-native-reanimated';
|
|
18
|
+
import { runOnJS } from 'react-native-worklets';
|
|
19
19
|
import type GestureViewerManager from './GestureViewerManager';
|
|
20
20
|
import { registry } from './GestureViewerRegistry';
|
|
21
21
|
import type { GestureViewerProps } from './types';
|
|
@@ -293,8 +293,11 @@ export const useGestureViewer = <T = any>({
|
|
|
293
293
|
}
|
|
294
294
|
|
|
295
295
|
translateY.value = withSpring(0, {
|
|
296
|
-
|
|
297
|
-
|
|
296
|
+
stiffness: 600,
|
|
297
|
+
damping: 50,
|
|
298
|
+
mass: 4,
|
|
299
|
+
overshootClamping: false,
|
|
300
|
+
energyThreshold: 6e-9,
|
|
298
301
|
});
|
|
299
302
|
});
|
|
300
303
|
}, [translateY, dismissThreshold, enableDismissGesture, onDismiss, resistance, isZoomed]);
|