React Native Gallery Image

Preview

Layout doesn't break on rotate	Selecting images	Changing props

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