Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-native-smart-gallery with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-native/package.json"); // react-native is a peer dependency. var reactNativeSmartGallery = require("react-native-smart-gallery")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-native-smart-gallery v1.0.3

An easy and simple to use React Native component to render a large to very large list of swipable high performant pages with intelligent guestures responder to cushion rough guestures and detect gestures like pan, pinch and double tap. Supporting both iOS and Android. Free and made possible along with costly maintenance and updates by [Lue Hang](https://www.facebook.com/lue.hang) (the author).

LueHsoft LueH LABS Lue Hang luehang

React Native Smart Gallery

An easy and simple to use React Native component to render a large to very large list of swipable high performant pages with intelligent guestures responder to cushion rough guestures and detect gestures like pan, pinch and double tap. Supporting both iOS and Android. Check out the docs.

  • Supports smart or minimal rendering for very large lists or small.
  • Recommended and best used for large lists or used with other touch guestures.
  • Includes guestures and important event listeners for pan, pinch, single tap and double tap.
  • Includes zoom mode.
  • Initial index can be placed anywhere. Supporting both Android and iOS.
  • Easily customizable.
  • Intelligent scrolling detection to cushion rough swipe guestures.
  • Supports both iOS and Android.

Motivation

Why was this created? In the open source development community, there isn't a single React Native gallery that can efficiently render a very large list of images with the initial index being placed anywhere in the list of images while supporting both Android and iOS. This gallery solves all that along with gestures and important event listeners for pan, pinch, single tap and double tap.




react-native-smart-gallery



:link: Quick Links




:gem: Install

Type in the following to the command line to install the module.

$ npm install --save react-native-smart-gallery

or

$ yarn add react-native-smart-gallery




:book: Full Documentation

Learn more about the installation and how to use this package in the updated documentation page.








:santa: Author

Free and made possible along with costly maintenance and updates by Lue Hang (the author).








:clap: Contribute

Pull requests are welcomed.


:tophat: Contributors

Contributors will be posted here.


:baby: Beginners

Not sure where to start, or a beginner? Take a look at the issues page.



LueHsoft LueH LABS Lue Hang luehang

:page_facing_up: License

MIT © Lue Hang, as found in the LICENSE file.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free