Skip to content

Commit 75ad7d2

Browse files
committed
feat: apply startIndex props
1 parent 4e56854 commit 75ad7d2

File tree

2 files changed

+10
-4
lines changed

2 files changed

+10
-4
lines changed

example/App.tsx

+4-2
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ type SliderOptions = {
2424
loop: boolean;
2525
autoPlay: boolean;
2626
autoPlayDelay: number;
27+
startIndex: number;
2728
navStyle: 1 | 2;
2829
navSize: number;
2930
navMargin: number;
@@ -39,6 +40,7 @@ const App: React.FC = () => {
3940
loop: true,
4041
autoPlay: true,
4142
autoPlayDelay: 2,
43+
startIndex: 3,
4244
navStyle: 1,
4345
navSize: 50,
4446
navMargin: 30,
@@ -118,7 +120,7 @@ const App: React.FC = () => {
118120
loop={sliderOptions.loop}
119121
autoPlay={sliderOptions.autoPlay}
120122
autoPlayDelay={sliderOptions.autoPlayDelay}
121-
startIndex={0}
123+
startIndex={sliderOptions.startIndex}
122124
useGPURender={sliderOptions.useGPURender}
123125
navStyle={sliderOptions.navStyle}
124126
navSize={sliderOptions.navSize}
@@ -131,7 +133,7 @@ const App: React.FC = () => {
131133
onCompleteSlide={onCompleteSlide}
132134
/>
133135

134-
<div style={{ margin: '10px' }}>{slideIndexText || `${1} / ${IMAGES.length}`}</div>
136+
<div style={{ margin: '10px' }}>{slideIndexText || `${sliderOptions.startIndex + 1} / ${IMAGES.length}`}</div>
135137

136138
<List
137139
subheader={

src/ImageSlider.tsx

+6-2
Original file line numberDiff line numberDiff line change
@@ -67,8 +67,12 @@ const SimpleImageSlider: React.FC<SimpleImageSliderProps> = ({
6767
autoPlay,
6868
autoPlayDelay: autoPlayDelay + slideDuration
6969
});
70-
const [currentSliderStyle, setCurrentSlideStyle] = useState(styles.getImageSlide(getURLValueFromImages(images, 0), slideDuration, 0, useGPURender));
71-
const [nextSliderStyle, setNextSliderStyle] = useState(styles.getImageSlide(getURLValueFromImages(images, 1), slideDuration, 1, useGPURender));
70+
const [currentSliderStyle, setCurrentSlideStyle] = useState(
71+
styles.getImageSlide(getURLValueFromImages(images, startIndex), slideDuration, 0, useGPURender)
72+
);
73+
const [nextSliderStyle, setNextSliderStyle] = useState(
74+
styles.getImageSlide(getURLValueFromImages(images, startIndex + 1), slideDuration, 1, useGPURender)
75+
);
7276
const isSlidingRef = useRef(false);
7377

7478
const handleClick = useCallback(

0 commit comments

Comments
 (0)