React Native Swipeable Carousel

A simple swipeable carousel created on the top of react-native-pager-view

Preview

Get started

Pre-requisites

Since this package is created on the top of react native pager view and other libraries. So first you need to install them.

  yarn add react-native-size-matters react-native-pager-view react-native-svg

Installation

  yarn add react-native-swipeable-carousel

Usage

1import Carousel from 'react-native-swipeable-carousel';
2
3// imagePath can get images URL or imported images.
4
5const data = [
6    "https://cdn.pixabay.com/photo/2017/12/09/16/41/snow-man-3008179_1280.jpg",
7      "https://cdn.pixabay.com/photo/2017/12/09/16/42/snow-man-3008179_1280.jpg"
8];
9
10<Carousel
11  images={data}
12  enableGestureSwipe={true}
13/>

Properties

Prop	Description	Default	Required
images	An array of images (urls or local).	None	Yes
height	Carousel height.	200	No
width	Carousel width.	400	No
enableGestureSwipe	Enable gesture swipe(left/right).	false	No

Peer dependencies

1. react-native-pager-view
2. react-native-size-matters
3. react-native-svg

License

This project is licenced under the MIT License.