react-native-gesture-image-viewer 1.7.1 → 1.7.2
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.
|
@@ -28,7 +28,8 @@ export function GestureViewer({
|
|
|
28
28
|
const Component = ListComponent;
|
|
29
29
|
const dataRef = useRef(data);
|
|
30
30
|
const {
|
|
31
|
-
width: screenWidth
|
|
31
|
+
width: screenWidth,
|
|
32
|
+
height: screenHeight
|
|
32
33
|
} = useWindowDimensions();
|
|
33
34
|
const width = useSnap ? customWidth || screenWidth : screenWidth;
|
|
34
35
|
const loopData = useMemo(() => createLoopData(dataRef, enableLoop), [enableLoop]);
|
|
@@ -67,14 +68,12 @@ export function GestureViewer({
|
|
|
67
68
|
return /*#__PURE__*/_jsx(View, {
|
|
68
69
|
style: [{
|
|
69
70
|
width,
|
|
70
|
-
height:
|
|
71
|
-
justifyContent: 'center',
|
|
72
|
-
alignItems: 'center',
|
|
71
|
+
height: screenHeight,
|
|
73
72
|
marginHorizontal: itemSpacing / 2
|
|
74
|
-
}],
|
|
73
|
+
}, styles.item],
|
|
75
74
|
children: renderItemProp(item, index)
|
|
76
75
|
}, isScrollView ? keyExtractor(item, index) : undefined);
|
|
77
|
-
}, [width, itemSpacing, renderItemProp, keyExtractor, isScrollView]);
|
|
76
|
+
}, [width, itemSpacing, renderItemProp, keyExtractor, isScrollView, screenHeight]);
|
|
78
77
|
const getItemLayout = useCallback((_, index) => ({
|
|
79
78
|
length: width + itemSpacing,
|
|
80
79
|
offset: (width + itemSpacing) * index,
|
|
@@ -138,11 +137,12 @@ export function GestureViewer({
|
|
|
138
137
|
renderItem: renderItem,
|
|
139
138
|
initialScrollIndex: enableLoop && data.length > 1 ? initialIndex + 1 : initialIndex,
|
|
140
139
|
keyExtractor: keyExtractor,
|
|
141
|
-
windowSize: 3,
|
|
142
|
-
maxToRenderPerBatch: 3,
|
|
143
140
|
getItemLayout: getItemLayout,
|
|
144
|
-
...(isFlashListLike(Component)
|
|
141
|
+
...(isFlashListLike(Component) ? {
|
|
145
142
|
estimatedItemSize: width + itemSpacing
|
|
143
|
+
} : {
|
|
144
|
+
windowSize: 3,
|
|
145
|
+
maxToRenderPerBatch: 3
|
|
146
146
|
}),
|
|
147
147
|
...(Platform.OS === 'web' && isFlatListLike(Component) && {
|
|
148
148
|
dataSet: {
|
|
@@ -163,6 +163,10 @@ const styles = StyleSheet.create({
|
|
|
163
163
|
container: {
|
|
164
164
|
flex: 1
|
|
165
165
|
},
|
|
166
|
+
item: {
|
|
167
|
+
justifyContent: 'center',
|
|
168
|
+
alignItems: 'center'
|
|
169
|
+
},
|
|
166
170
|
content: {
|
|
167
171
|
flex: 1,
|
|
168
172
|
width: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useEffect","useMemo","useRef","Platform","StyleSheet","useWindowDimensions","View","Gesture","GestureDetector","GestureHandlerRootView","Animated","registry","useGestureViewer","createLoopData","isFlashListLike","isFlatListLike","isScrollViewLike","WebPagingFixStyle","jsx","_jsx","jsxs","_jsxs","GestureViewer","id","data","renderItem","renderItemProp","renderContainer","ListComponent","width","customWidth","listProps","backdropStyle","backdropStyleProps","containerStyle","initialIndex","itemSpacing","useSnap","enableLoop","props","Component","dataRef","screenWidth","loopData","isScrollView","listRef","isZoomed","isRotated","dismissGesture","zoomGesture","onMomentumScrollEnd","onScrollBeginDrag","handleDismiss","animatedStyle","keyExtractor","item","index","style","
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useMemo","useRef","Platform","StyleSheet","useWindowDimensions","View","Gesture","GestureDetector","GestureHandlerRootView","Animated","registry","useGestureViewer","createLoopData","isFlashListLike","isFlatListLike","isScrollViewLike","WebPagingFixStyle","jsx","_jsx","jsxs","_jsxs","GestureViewer","id","data","renderItem","renderItemProp","renderContainer","ListComponent","width","customWidth","listProps","backdropStyle","backdropStyleProps","containerStyle","initialIndex","itemSpacing","useSnap","enableLoop","props","Component","dataRef","screenWidth","height","screenHeight","loopData","isScrollView","listRef","isZoomed","isRotated","dismissGesture","zoomGesture","onMomentumScrollEnd","onScrollBeginDrag","handleDismiss","animatedStyle","keyExtractor","item","index","style","marginHorizontal","styles","children","undefined","getItemLayout","_","length","offset","gesture","Race","current","createManager","deleteManager","commonProps","horizontal","scrollEnabled","showsHorizontalScrollIndicator","snapToInterval","snapToAlignment","decelerationRate","pagingEnabled","scrollEventThrottle","removeClippedSubviews","control","dismiss","listComponent","container","background","content","OS","dataSet","ref","map","initialScrollIndex","estimatedItemSize","windowSize","maxToRenderPerBatch","create","flex","justifyContent","alignItems","position","top","left","right","bottom","backgroundColor"],"sourceRoot":"../../src","sources":["GestureViewer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureViewer.d.ts","sourceRoot":"","sources":["../../../src/GestureViewer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAyE,MAAM,cAAc,CAAC;AAIpH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,wBAAgB,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,EAAE,GAAG,OAAO,QAAQ,EAAE,EAC3D,EAAc,EACd,IAAI,EACJ,UAAU,EAAE,cAAc,EAC1B,eAAe,EACf,aAAa,EACb,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,aAAa,EAAE,kBAAkB,EACjC,cAAc,EACd,YAAgB,EAChB,WAAe,EACf,OAAe,EACf,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"GestureViewer.d.ts","sourceRoot":"","sources":["../../../src/GestureViewer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAyE,MAAM,cAAc,CAAC;AAIpH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,wBAAgB,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,EAAE,GAAG,OAAO,QAAQ,EAAE,EAC3D,EAAc,EACd,IAAI,EACJ,UAAU,EAAE,cAAc,EAC1B,eAAe,EACf,aAAa,EACb,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,aAAa,EAAE,kBAAkB,EACjC,cAAc,EACd,YAAgB,EAChB,WAAe,EACf,OAAe,EACf,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,2CA6J3B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-gesture-image-viewer",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.2",
|
|
4
4
|
"description": "🖼️ React Native Image Viewer - Reanimated-powered image gestures with full control",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|
package/src/GestureViewer.tsx
CHANGED
|
@@ -28,7 +28,7 @@ export function GestureViewer<T = any, LC = typeof FlatList>({
|
|
|
28
28
|
|
|
29
29
|
const dataRef = useRef(data);
|
|
30
30
|
|
|
31
|
-
const { width: screenWidth } = useWindowDimensions();
|
|
31
|
+
const { width: screenWidth, height: screenHeight } = useWindowDimensions();
|
|
32
32
|
|
|
33
33
|
const width = useSnap ? customWidth || screenWidth : screenWidth;
|
|
34
34
|
|
|
@@ -77,18 +77,17 @@ export function GestureViewer<T = any, LC = typeof FlatList>({
|
|
|
77
77
|
style={[
|
|
78
78
|
{
|
|
79
79
|
width,
|
|
80
|
-
height:
|
|
81
|
-
justifyContent: 'center',
|
|
82
|
-
alignItems: 'center',
|
|
80
|
+
height: screenHeight,
|
|
83
81
|
marginHorizontal: itemSpacing / 2,
|
|
84
82
|
},
|
|
83
|
+
styles.item,
|
|
85
84
|
]}
|
|
86
85
|
>
|
|
87
86
|
{renderItemProp(item, index)}
|
|
88
87
|
</View>
|
|
89
88
|
);
|
|
90
89
|
},
|
|
91
|
-
[width, itemSpacing, renderItemProp, keyExtractor, isScrollView],
|
|
90
|
+
[width, itemSpacing, renderItemProp, keyExtractor, isScrollView, screenHeight],
|
|
92
91
|
);
|
|
93
92
|
|
|
94
93
|
const getItemLayout = useCallback(
|
|
@@ -162,10 +161,10 @@ export function GestureViewer<T = any, LC = typeof FlatList>({
|
|
|
162
161
|
renderItem={renderItem}
|
|
163
162
|
initialScrollIndex={enableLoop && data.length > 1 ? initialIndex + 1 : initialIndex}
|
|
164
163
|
keyExtractor={keyExtractor}
|
|
165
|
-
windowSize={3}
|
|
166
|
-
maxToRenderPerBatch={3}
|
|
167
164
|
getItemLayout={getItemLayout}
|
|
168
|
-
{...(isFlashListLike(Component)
|
|
165
|
+
{...(isFlashListLike(Component)
|
|
166
|
+
? { estimatedItemSize: width + itemSpacing }
|
|
167
|
+
: { windowSize: 3, maxToRenderPerBatch: 3 })}
|
|
169
168
|
// NOTE - https://github.com/necolas/react-native-web/issues/1299
|
|
170
169
|
{...(Platform.OS === 'web' &&
|
|
171
170
|
isFlatListLike(Component) && { dataSet: { 'flat-list-paging-enabled-fix': true } })}
|
|
@@ -187,6 +186,10 @@ const styles = StyleSheet.create({
|
|
|
187
186
|
container: {
|
|
188
187
|
flex: 1,
|
|
189
188
|
},
|
|
189
|
+
item: {
|
|
190
|
+
justifyContent: 'center',
|
|
191
|
+
alignItems: 'center',
|
|
192
|
+
},
|
|
190
193
|
content: {
|
|
191
194
|
flex: 1,
|
|
192
195
|
width: '100%',
|