react-native-custom-swiper
v1.0.16
Published
Custom swiper for React Native component.
Downloads
73
Readme
React Native custom swiper using Flatlist
Use images or custom views for swiping, Please refer this blog to use this library.
Installation
npm i react-native-custom-swiper
Properties
Basic
| 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) |