Use images or custom views for swiping, Please refer this blog to use this library.
npm i react-native-custom-swiper
Prop | Default | Type | Description |
---|---|---|---|
swipeData | [] | array |
Array of data which user want to show in swiper |
renderSwipeItem | ()=>{} | function |
Create element of swiper |
currentSelectIndex | 0 | number |
Index of initial screen. |
showSwipeBtn | true | bool |
For hide or show left/right button |
style | Default style | object |
Change swiper style |
onScreenChange | (index) => {} | func |
Function call when screen changed |
leftButtonImage | Default left Arrow source {required("leftArrowString")} | string |
Modify left arrow image |
rightButtonImage | Default right Arrow source {required("rightArrowString")} | string |
Modify right arrow image |
containerWidth | Screen width | number |
Customize swiper screen width |
backgroundColor | "white" | string |
Customize swiper background color |
autoplay | true | bool |
Change slide index automatically |
autoplayTimeout | 2500 | number |
Delay between every slide (in Second) |