React Native Custom Image Carousel

Create Custom Image Carousel in react native using Reanimated 2

Image Assets - https://drive.google.com/drive/folders/166lND4ag_dfFkQyDenwbeINbgDCUYoOR?usp=sharing

Demo

Custom Image Carousel (Square) Demo

Custom Image Carousel (Landscape) Demo

Pagination Demo

Demo on Android (Left) and Ios (Rigth)

Properties

Name	Description	Type	Default Value
data	Image data	Array	Required
autoPlay	If true then the carousel will auto play	Bool	Required
pagination	if true then the carousel will show the pagination	Bool	Required

Run Locally

Clone the project

  git clone https://github.com/Rakha112/react-native-custom-image-carousel.git

Go to the project directory

  cd react-native-custom-image-carousel

Install dependencies

  npm install

Start the server

  npm start -- --reset-cache

Run on IOS

  npx pod-install
  npx react-native run-ios

Run on ANDROID

  npx react-native run-android