React-native-slim-gallery NPM

react-native-slim-gallery

A pure js gallery component for React Native.

Install?

Using npm npm install react-native-slim-gallery

or yarn (we <3 yarn)

yarn add react-native-slim-gallery

Live demo here

Simple use?

import * as React from 'react'
import Gallery from 'react-native-slim-gallery'

const images = [
    {key: 'image-01', source: {uri: 'https://abduzeedo.com/sites/default/files/originals/0/05_7.jpg'}},
    {key: 'image-02', source: {uri: 'https://i0.wp.com/animalli.com/wp-content/uploads/2016/11/animals-horse-animal-beautiful-beauty-nature-pictures-for-christmas.jpg?resize=806%2C504'}},
    {key: 'image-03', source: {uri: 'https://jjrothmd.s3.amazonaws.com/CMS/739/smiling-camel-looking-in-lens-on-shutterstock-800x430__details.jpg'}}
]

export default class App extends React.Component {
  render = () => <Gallery images={images} />
}

Component props

Name	Type	Default	Required	Description
images	array		yes	Is the array of images you want to render
renderComponent	function	`props => <ImageBackground {...props} />`	no	It is the function that renders the image component, you can pass something custom as long as it works as the component `<Image />`
initial	number	0	no	Sets the initial position of the gallery
backgroundColor	string	#000	no	Gallery background color
onPageSelected	function		no	Dispatched when the selected page changes