Swipeable Image Carousel in React Native

In this episode, We will create a image carousel in React native.
We can scroll through the images, either by swiping left and right,
or by clicking on a next or pervious button, or by clicking on a number to scroll to a specific image.

I will be using Flatlist vs Scrollview in this demo for permeance reasons.

We could use ScrollView but if we have a large list of items it would render slowly and require more memory. If you have a very small list Scrollview maybe a good option for you.

FlatList saves memory and is faster because it renders items lazily, when they are about to appear, and it removes items that scroll off the screen. It inherits props from scrollview and visualizedList