Use images or custom views for swiping, let's follow this blog to use this library. .
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} /> 
| 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 |