0

Everyone. I am building the expo app and added the slider image by using react-native-image-slider-box npm lib. But there is no idea to change the slider speed..... Is there any solution for this and It would be great to use another lib for this.

Thanks.

import { SliderBox } from 'react-native-image-slider-box';


        <SliderBox
          images={sliderImages}
          autoplay
          circleLoop
          disableOnPress
          paginationBoxVerticalPadding={30}
          ImageComponentStyle={{
            width,
            height: normalizeSize(450)
          }} />
goldvenus
  • 898
  • 1
  • 10
  • 21

3 Answers3

0

react-native-image-slider-box is using react-native-snap-carousel to edit the Slider follow the steps node_modules -> react-native-image-slider-box -> dist and edit SliderBox.js file and add

 <Carousel
        ......
        autoplayInterval={15000}
Arshad Aiyoob
  • 1
0

Add this

<SliderBox
autoplayInterval={3000}
........
/>
blondelg
  • 916
  • 1
  • 8
  • 25
Yogesh Nirmal
  • 9
  • 1
  • 2
0

control imgae slider speed and loopcircle no need autoplayInterval={1000}

<SliderBox
autoplay
circleLoop
resizeMethod={'resize'}
resizeMode={'cover'}
paginationBoxStyle={{
  position: "absolute", 
}}
/>
ND verma
  • 171
  • 1
  • 9