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