Easy Photo Gallery Component For React Native

A React Native utility library for building image galleries. It’s very simple to use and is designed with performance in mind.

How to use it:

1. Install and import the gallery component.

# NPM
$ npm i @paraboly/react-native-gallery
import ImageGallery from "@paraboly/react-native-gallery";

2. Add the ImageGallery component to the app and define your image list.

<ImageGallery
  data={galleryData}
  loadingSource={require("loading.gif")}
  onPress={(itemIndex: number) => console.log("Item Index: ", itemIndex)}
/>
// gallery data
[
  {
    "source": {
      "uri": "1.jpg"
    }
  },
  {
    "source": {
      "uri": "2.jpg"
    }
  },
  {
    "source": {
      "uri": "3.jpg"
    }
  },
  // ...
]

Preview:

Easy Photo Gallery Component For React Native

Download Details:

Author: Paraboly

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/Paraboly/react-native-gallery

License: MIT

Add Comment