react-native-custom-swiper

Custom swiper for React Native component.

Usage no npm install needed!

<script type="module">
  import reactNativeCustomSwiper from 'https://cdn.skypack.dev/react-native-custom-swiper';
</script>

README

npm version

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)