Use images or custom views for swiping, Please refer this blog to use this library.
https://www.npmjs.com/package/react-native-custom-swiper
https://github.com/logisticinfotech/react-native-custom-swiper
npm i react-native-custom-swiper
import Swiper from "react-native-custom-swiper";
<Swiper
style={{ flex: 1 }}
currentSelectIndex={0}
swipeData={this.state.imgArray}
renderSwipeItem={this.renderImageSwipeItem}
onScreenChange={this.screenChange}
autoplay={true}
autoplayTimeout={1}
/>
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) |