React Native auto carousel

A React Native module that allows you to show a Carousel of photo/view with autoPlay or swipe.

Showcase

:raised_hands: layouts

---

Install

yarn add react-native-auto-carousel

or

npm install react-native-auto-carousel

Methods

1import {Carousel} from 'react-native-auto-carousel';

Usage

1import React from 'react';
2import {Dimensions, Image} from 'react-native';
3import {Carousel} from 'react-native-auto-carousel';
4
5const DEVICE_WIDTH = Dimensions.get('window').width;
6const IMAGES = ['../images/1.png', '../images/2.png', '../images/3.png']
7const App = () => {
8return (
9<Carousel
10      data={Images}
11      renderItem={item => (
12        <Image
13          key={item}
14          src={{uri: item}}
15          style={{
16            height: '100%',
17            width: DEVICE_WIDTH
18          }}
19        />
20      )}
21    />
22    )}

In the data prop you can pass any list which you want to show in the carousel The renderItem function let you display a component of your choice

List of props

Option	Description
data (required)	An array of data which you want to display maybe images, text, objects etc.
renderItem (required)	callback which give you access to the indivisual item of data and the component you want to show.
autoPlay (options)	Accepts a boolean to enable or disable auto play (true by default)
autoPlayTime	The time in milli seconds you want to change the image/view
dotStyle	The dots shown on the images which show the count and selected (by default they are white and round)