@one-am/react-native-simple-image-slider 0.5.0 → 0.6.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 +14 -45
- package/lib/commonjs/SimpleImageSlider.js +5 -1
- package/lib/commonjs/SimpleImageSlider.js.map +1 -1
- package/lib/module/SimpleImageSlider.js +5 -1
- package/lib/module/SimpleImageSlider.js.map +1 -1
- package/lib/typescript/src/SimpleImageSlider.d.ts +17 -0
- package/lib/typescript/src/SimpleImageSlider.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/SimpleImageSlider.tsx +20 -2
package/README.md
CHANGED
|
@@ -40,51 +40,20 @@ yarn add expo-image expo-haptics expo-status-bar react-native-reanimated react-n
|
|
|
40
40
|
## Usage
|
|
41
41
|
|
|
42
42
|
```typescript jsx
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
|
|
58
|
-
import { useWindowDimensions } from 'react-native';
|
|
59
|
-
|
|
60
|
-
const photos = [pictureOne, pictureTwo, pictureThree, pictureFour, pictureFive];
|
|
61
|
-
|
|
62
|
-
const StyledContainer = styled(SafeAreaView)`
|
|
63
|
-
flex: 1;
|
|
64
|
-
align-items: center;
|
|
65
|
-
justify-content: center;
|
|
66
|
-
`;
|
|
67
|
-
|
|
68
|
-
export default function App() {
|
|
69
|
-
const { width } = useWindowDimensions();
|
|
70
|
-
return (
|
|
71
|
-
<SafeAreaProvider>
|
|
72
|
-
<StyledContainer>
|
|
73
|
-
<SimpleImageSliderThemeProvider>
|
|
74
|
-
<SimpleImageSlider
|
|
75
|
-
data={photos.map((photo, index) => ({
|
|
76
|
-
source: photo,
|
|
77
|
-
key: index.toString(),
|
|
78
|
-
}))}
|
|
79
|
-
imageWidth={width}
|
|
80
|
-
imageAspectRatio={16 / 9}
|
|
81
|
-
fullScreenEnabled={true}
|
|
82
|
-
/>
|
|
83
|
-
</SimpleImageSliderThemeProvider>
|
|
84
|
-
</StyledContainer>
|
|
85
|
-
</SafeAreaProvider>
|
|
86
|
-
);
|
|
87
|
-
}
|
|
43
|
+
<SimpleImageSliderThemeProvider>
|
|
44
|
+
<SimpleImageSlider
|
|
45
|
+
data={photos.map((photo, index) => ({
|
|
46
|
+
source: photo,
|
|
47
|
+
key: index.toString(),
|
|
48
|
+
}))}
|
|
49
|
+
imageWidth={width}
|
|
50
|
+
imageAspectRatio={16 / 9}
|
|
51
|
+
fullScreenEnabled={true}
|
|
52
|
+
renderFullScreenDescription={(_, index) => (
|
|
53
|
+
<Text style={{ color: '#ffffff' }}>Picture {index}</Text>
|
|
54
|
+
)}
|
|
55
|
+
/>
|
|
56
|
+
</SimpleImageSliderThemeProvider>
|
|
88
57
|
```
|
|
89
58
|
|
|
90
59
|
## Contributing
|
|
@@ -20,6 +20,8 @@ const SimpleImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function ListImage
|
|
|
20
20
|
fullScreenEnabled = false,
|
|
21
21
|
onItemPress,
|
|
22
22
|
onViewableItemChange,
|
|
23
|
+
FullScreenCloseButtonIcon,
|
|
24
|
+
renderFullScreenDescription,
|
|
23
25
|
...props
|
|
24
26
|
}, ref) {
|
|
25
27
|
const listRef = (0, _react.useRef)(null);
|
|
@@ -55,7 +57,9 @@ const SimpleImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function ListImage
|
|
|
55
57
|
data: data,
|
|
56
58
|
showPageCounter: false,
|
|
57
59
|
indexOverride: currentIndex,
|
|
58
|
-
onViewableItemChange: onFullScreenViewableItemChange
|
|
60
|
+
onViewableItemChange: onFullScreenViewableItemChange,
|
|
61
|
+
renderDescription: renderFullScreenDescription,
|
|
62
|
+
CloseButtonIcon: FullScreenCloseButtonIcon
|
|
59
63
|
})) : null);
|
|
60
64
|
});
|
|
61
65
|
var _default = exports.default = SimpleImageSlider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mergeRefs","_interopRequireDefault","_FullScreenImageSlider","_BaseSimpleImageSlider","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","SimpleImageSlider","forwardRef","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","props","ref","listRef","useRef","fullScreenListRef","fullScreen","setFullScreen","useState","currentIndex","setCurrentIndex","internalOnViewableItemChange","useCallback","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","mergeRefs","open","showPageCounter","indexOverride","_default","exports"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,sBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA+F,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mergeRefs","_interopRequireDefault","_FullScreenImageSlider","_BaseSimpleImageSlider","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","SimpleImageSlider","forwardRef","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","FullScreenCloseButtonIcon","renderFullScreenDescription","props","ref","listRef","useRef","fullScreenListRef","fullScreen","setFullScreen","useState","currentIndex","setCurrentIndex","internalOnViewableItemChange","useCallback","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","mergeRefs","open","showPageCounter","indexOverride","renderDescription","CloseButtonIcon","_default","exports"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,6 +11,8 @@ const SimpleImageSlider = /*#__PURE__*/forwardRef(function ListImageSlider({
|
|
|
11
11
|
fullScreenEnabled = false,
|
|
12
12
|
onItemPress,
|
|
13
13
|
onViewableItemChange,
|
|
14
|
+
FullScreenCloseButtonIcon,
|
|
15
|
+
renderFullScreenDescription,
|
|
14
16
|
...props
|
|
15
17
|
}, ref) {
|
|
16
18
|
const listRef = useRef(null);
|
|
@@ -46,7 +48,9 @@ const SimpleImageSlider = /*#__PURE__*/forwardRef(function ListImageSlider({
|
|
|
46
48
|
data: data,
|
|
47
49
|
showPageCounter: false,
|
|
48
50
|
indexOverride: currentIndex,
|
|
49
|
-
onViewableItemChange: onFullScreenViewableItemChange
|
|
51
|
+
onViewableItemChange: onFullScreenViewableItemChange,
|
|
52
|
+
renderDescription: renderFullScreenDescription,
|
|
53
|
+
CloseButtonIcon: FullScreenCloseButtonIcon
|
|
50
54
|
})) : null);
|
|
51
55
|
});
|
|
52
56
|
export default SimpleImageSlider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useRef","useState","mergeRefs","FullScreenImageSlider","BaseListImageSlider","SimpleImageSlider","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","props","ref","listRef","fullScreenListRef","fullScreen","setFullScreen","currentIndex","setCurrentIndex","internalOnViewableItemChange","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","_extends","open","showPageCounter","indexOverride"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAExE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,qBAAqB,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useRef","useState","mergeRefs","FullScreenImageSlider","BaseListImageSlider","SimpleImageSlider","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","FullScreenCloseButtonIcon","renderFullScreenDescription","props","ref","listRef","fullScreenListRef","fullScreen","setFullScreen","currentIndex","setCurrentIndex","internalOnViewableItemChange","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","_extends","open","showPageCounter","indexOverride","renderDescription","CloseButtonIcon"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAExE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,qBAAqB,MAA2C,yBAAyB;AAChG,OAAOC,mBAAmB,MAA2C,yBAAyB;AAmB9F;AACA;AACA;AACA,MAAMC,iBAAiB,gBAAGP,UAAU,CAChC,SAASQ,eAAeA,CACpB;EACIC,IAAI;EACJC,iBAAiB,GAAG,KAAK;EACzBC,WAAW;EACXC,oBAAoB;EACpBC,yBAAyB;EACzBC,2BAA2B;EAC3B,GAAGC;AACP,CAAC,EACDC,GAAG,EACL;EACE,MAAMC,OAAO,GAAGf,MAAM,CAAmC,IAAI,CAAC;EAC9D,MAAMgB,iBAAiB,GAAGhB,MAAM,CAAmC,IAAI,CAAC;EAExE,MAAM,CAACiB,UAAU,EAAEC,aAAa,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM,CAACkB,YAAY,EAAEC,eAAe,CAAC,GAAGnB,QAAQ,CAAC,CAAC,CAAC;EAEnD,MAAMoB,4BAA4B,GAAGtB,WAAW,CAC3CuB,KAAa,IAAK;IACfF,eAAe,CAACE,KAAK,CAAC;IACtBZ,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAGY,KAAK,CAAC;EACjC,CAAC,EACD,CAACZ,oBAAoB,CACzB,CAAC;EAED,MAAMa,8BAA8B,GAAGxB,WAAW,CAAEuB,KAAa,IAAK;IAClEF,eAAe,CAACE,KAAK,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,cAAc,GAAGzB,WAAW,CAAC,MAAM;IACrCmB,aAAa,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,cAAc,GAAG1B,WAAW,CAAC,MAAM;IAAA,IAAA2B,gBAAA;IACrC,CAAAA,gBAAA,GAAAX,OAAO,CAACY,OAAO,cAAAD,gBAAA,eAAfA,gBAAA,CAAiBE,aAAa,CAAC;MAAEN,KAAK,EAAEH;IAAa,CAAC,CAAC;IACvDD,aAAa,CAAC,KAAK,CAAC;EACxB,CAAC,EAAE,CAACC,YAAY,CAAC,CAAC;EAElB,oBACItB,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAiC,QAAA,qBACIjC,KAAA,CAAAgC,aAAA,CAACzB,mBAAmB,EAAA2B,QAAA,KACZlB,KAAK;IACTN,IAAI,EAAEA,IAAK;IACXO,GAAG,EAAEZ,SAAS,CAACY,GAAG,EAAEC,OAAO,CAAE;IAC7BN,WAAW,EAAED,iBAAiB,GAAGgB,cAAc,GAAGf,WAAY;IAC9DC,oBAAoB,EAAEW;EAA6B,EACtD,CAAC,EACDb,iBAAiB,gBACdX,KAAA,CAAAgC,aAAA,CAAC1B,qBAAqB,EAAA4B,QAAA,KACdlB,KAAK;IACTC,GAAG,EAAEE,iBAAkB;IACvBgB,IAAI,EAAEf,UAAW;IACjBQ,cAAc,EAAEA,cAAe;IAC/BlB,IAAI,EAAEA,IAAK;IACX0B,eAAe,EAAE,KAAM;IACvBC,aAAa,EAAEf,YAAa;IAC5BT,oBAAoB,EAAEa,8BAA+B;IACrDY,iBAAiB,EAAEvB,2BAA4B;IAC/CwB,eAAe,EAAEzB;EAA0B,EAC9C,CAAC,GACF,IACN,CAAC;AAEX,CACJ,CAAC;AAED,eAAeN,iBAAiB","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FlashList } from '@shopify/flash-list';
|
|
3
|
+
import { type FullScreenImageSliderProps } from './FullScreenImageSlider';
|
|
3
4
|
import { type BaseSimpleImageSliderProps } from './BaseSimpleImageSlider';
|
|
4
5
|
import type { SimpleImageSliderItem } from './@types/slider';
|
|
5
6
|
export type SimpleImageSliderProps = BaseSimpleImageSliderProps & {
|
|
@@ -8,6 +9,14 @@ export type SimpleImageSliderProps = BaseSimpleImageSliderProps & {
|
|
|
8
9
|
* @default false
|
|
9
10
|
*/
|
|
10
11
|
fullScreenEnabled?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* @description Passed to the {@link FullScreenImageSlider} component.
|
|
14
|
+
*/
|
|
15
|
+
renderFullScreenDescription?: FullScreenImageSliderProps['renderDescription'];
|
|
16
|
+
/**
|
|
17
|
+
* @description Passed to the {@link FullScreenImageSlider} component.
|
|
18
|
+
*/
|
|
19
|
+
FullScreenCloseButtonIcon?: FullScreenImageSliderProps['CloseButtonIcon'];
|
|
11
20
|
};
|
|
12
21
|
/**
|
|
13
22
|
* @description A simple image slider that displays images in a list and can show a {@link FullScreenImageSlider} on press.
|
|
@@ -18,6 +27,14 @@ declare const SimpleImageSlider: React.ForwardRefExoticComponent<BaseSimpleImage
|
|
|
18
27
|
* @default false
|
|
19
28
|
*/
|
|
20
29
|
fullScreenEnabled?: boolean | undefined;
|
|
30
|
+
/**
|
|
31
|
+
* @description Passed to the {@link FullScreenImageSlider} component.
|
|
32
|
+
*/
|
|
33
|
+
renderFullScreenDescription?: FullScreenImageSliderProps['renderDescription'];
|
|
34
|
+
/**
|
|
35
|
+
* @description Passed to the {@link FullScreenImageSlider} component.
|
|
36
|
+
*/
|
|
37
|
+
FullScreenCloseButtonIcon?: FullScreenImageSliderProps['CloseButtonIcon'];
|
|
21
38
|
} & React.RefAttributes<FlashList<SimpleImageSliderItem>>>;
|
|
22
39
|
export default SimpleImageSlider;
|
|
23
40
|
//# sourceMappingURL=SimpleImageSlider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleImageSlider.d.ts","sourceRoot":"","sources":["../../../src/SimpleImageSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"SimpleImageSlider.d.ts","sourceRoot":"","sources":["../../../src/SimpleImageSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAA8B,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAA4B,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG;IAC9D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,2BAA2B,CAAC,EAAE,0BAA0B,CAAC,mBAAmB,CAAC,CAAC;IAC9E;;OAEG;IACH,yBAAyB,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC,CAAC;CAC7E,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,iBAAiB;IAlBnB;;;OAGG;;IAEH;;OAEG;kCAC2B,0BAA0B,CAAC,mBAAmB,CAAC;IAC7E;;OAEG;gCACyB,0BAA0B,CAAC,iBAAiB,CAAC;0DAwE5E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@one-am/react-native-simple-image-slider",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "A simple and performant image slider made with FlashList. Includes a full screen gallery component with gesture support.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef, useCallback, useRef, useState } from 'react';
|
|
2
2
|
import { FlashList } from '@shopify/flash-list';
|
|
3
3
|
import mergeRefs from 'merge-refs';
|
|
4
|
-
import FullScreenImageSlider from './FullScreenImageSlider';
|
|
4
|
+
import FullScreenImageSlider, { type FullScreenImageSliderProps } from './FullScreenImageSlider';
|
|
5
5
|
import BaseListImageSlider, { type BaseSimpleImageSliderProps } from './BaseSimpleImageSlider';
|
|
6
6
|
import type { SimpleImageSliderItem } from './@types/slider';
|
|
7
7
|
|
|
@@ -11,6 +11,14 @@ export type SimpleImageSliderProps = BaseSimpleImageSliderProps & {
|
|
|
11
11
|
* @default false
|
|
12
12
|
*/
|
|
13
13
|
fullScreenEnabled?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* @description Passed to the {@link FullScreenImageSlider} component.
|
|
16
|
+
*/
|
|
17
|
+
renderFullScreenDescription?: FullScreenImageSliderProps['renderDescription'];
|
|
18
|
+
/**
|
|
19
|
+
* @description Passed to the {@link FullScreenImageSlider} component.
|
|
20
|
+
*/
|
|
21
|
+
FullScreenCloseButtonIcon?: FullScreenImageSliderProps['CloseButtonIcon'];
|
|
14
22
|
};
|
|
15
23
|
|
|
16
24
|
/**
|
|
@@ -18,7 +26,15 @@ export type SimpleImageSliderProps = BaseSimpleImageSliderProps & {
|
|
|
18
26
|
*/
|
|
19
27
|
const SimpleImageSlider = forwardRef<FlashList<SimpleImageSliderItem>, SimpleImageSliderProps>(
|
|
20
28
|
function ListImageSlider(
|
|
21
|
-
{
|
|
29
|
+
{
|
|
30
|
+
data,
|
|
31
|
+
fullScreenEnabled = false,
|
|
32
|
+
onItemPress,
|
|
33
|
+
onViewableItemChange,
|
|
34
|
+
FullScreenCloseButtonIcon,
|
|
35
|
+
renderFullScreenDescription,
|
|
36
|
+
...props
|
|
37
|
+
},
|
|
22
38
|
ref
|
|
23
39
|
) {
|
|
24
40
|
const listRef = useRef<FlashList<SimpleImageSliderItem>>(null);
|
|
@@ -67,6 +83,8 @@ const SimpleImageSlider = forwardRef<FlashList<SimpleImageSliderItem>, SimpleIma
|
|
|
67
83
|
showPageCounter={false}
|
|
68
84
|
indexOverride={currentIndex}
|
|
69
85
|
onViewableItemChange={onFullScreenViewableItemChange}
|
|
86
|
+
renderDescription={renderFullScreenDescription}
|
|
87
|
+
CloseButtonIcon={FullScreenCloseButtonIcon}
|
|
70
88
|
/>
|
|
71
89
|
) : null}
|
|
72
90
|
</>
|