logisticinfotech/react-native-custom-swiper

React Native Custom Swiper

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)

react-native-custom-swiper's Issues

currentSelectIndex property doesn't work

<Swiper
    style={{ flex: 1 }}
    currentSelectIndex={0}
    swipeData={data}
    renderSwipeItem={this._renderItem}
    onScreenChange={this.screenChange}
    showSwipeBtn={false}
    currentSelectIndex={10}
/>

currentSelectIndex seems not working on Android
I have an array of 20 data, and I want to start in the middle but it always start by the first element

TaskQueue: Error with task : undefined is not a function (evaluation '_iterator[typeof Symbol....

undefined is not a function (evaluating '_iterator2typeof Symbol === "function" ? Symbol.iterator : "@@iterator"'
I got this error only in android.
Do you have any idea about it?

Thanks,
Nikhil Thaker

klllllllllll\

How to autoplay this swiper?

I want to autoplay swiper. How can i implement autoplay functionality.

Thanks in advance

autoplay not working

my code is :
`<Swiperr

                style={{ flex: 1 }}

                currentSelectIndex={0}

                swipeData={this.state.items}

                renderSwipeItem={this.renderImageSwipeItem}

                onScreenChange={this.screenChange}

                backgroundColor="#fff"

                autoplay={true}

                autoplayTimeout={50}

            />`

and it does not automatically play next slider