A pure js gallery component for React Native.
Using npm
npm install react-native-slim-gallery
or yarn (we <3 yarn)
yarn add react-native-slim-gallery
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} />
}
| 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 |