Skip to content

cypchat/rn-parallax-swipe-gallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Installation

add it to your repo

npm i --save @cypchat/rn-parallax-swipe-gallery
&
yarn add @cypchat/rn-parallax-swipe-gallery

HOW TO

(c) cypchat.

v1.0.0 stable

Features & versions url source stable
v0.0.1
v0.0.2
v1.0.0

rn-parallax-swipe-gallery is a very easy to use parallax gallery.

all you need to define a simple json api, such as:

const  PARALLAX_DATA  = [
    {
	    comment:  'I love the ocean, because I am a caretta :)))',
	    source:  caretta,
	    width:  2048,
	    height:  1360
    },
    {
	    comment:  'Look at the shiny sun. There is no place such a beautiful vision in the Universe.',
	    uri:  'http://imgs.abduzeedo.com/files/paul0v2/unsplash/unsplash-04.jpg',
	    width:  900,
	    height:  598
    },
    {
	    uri:  'http://www.fluxdigital.co/wp-content/uploads/2015/04/Unsplash.jpg',
	    width:  800,
	    height:  390
    }
];

and pass it through to Gallery component:

<Gallery image_data={DATA} />

Thats all you need to do.

enter image description here

About

React Native parallax swipe gallery, created by cypchat.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published