/react-native-gallery-image

This is a cool react native image gallery, allow you to beautifully bootstrap images in react native

Primary LanguageJavaScript

React Native Gallery Image

PNG

Preview

Layout doesn't break on rotate Selecting images Changing props
GIF GIF GIF

installation

You can install this package with the following command:

yarn add react-native-gallery-image

or

npm install react-native-gallery-image

In the top level component add

import ReactNativeGalleryImage from 'react-native-gallery-image';

export default class App extends Component {

  render() {
    return (
      <ReactNativeGalleryImage
        shouldFit={true}
        imagesEachRow={2}
        selectionColor="blue"
        onSelect={(selectedImages) => console.log(selectedImages)}
        onImagePress={(pressedImage) => console.log(pressedImage)}
      />
    );
}
}

Props

Props Type Notes Required Default
images Array Array of images ✔️
imagesEachRow Number Number of images needed in one row ❌ 3
shouldFit Boolean if true then images will fit on line if extra space is left in row ❌ false
selectionColor String Color of border that will appear on image selection ❌ 'blue'
onSelect function a function, which will be called when image is selected, returns array of selected images ❌
onImagePress function a function, which will be called when individual image is pressed, returns pressed image ❌

Example

Click here to download running example