react-native-custom-swiper
Version:
Custom swiper for React Native component.
37 lines (28 loc) • 2.82 kB
Markdown
<p align="left">
<a href="https://www.npmjs.com/package/react-native-custom-swiper"><img alt="npm version" src="https://img.shields.io/badge/npm-v1.0.16-green.svg"></a>
<a href="https://www.npmjs.com/package/react-native-custom-swiper"><img src="https://img.shields.io/badge/downloads-%3E1K-yellow.svg"></a>
<a href="https://www.npmjs.com/package/react-native-custom-swiper"<><img src="https://img.shields.io/badge/license-MIT-orange.svg"></a>
</p>
Use images or custom views for swiping, Please refer [this blog](https://www.logisticinfotech.com/blog/custom-swiper-react-native-flatlist/) 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) |