react-native-asymmetric-image-grid

A React Native component that displays images in an asymmetric grid. The grid is responsive and the images are resized to fit the grid cells.

Installation

npm install react-native-asymmetric-image-grid

Usage

import AsymmetricImageGrid from 'react-native-asymmetric-image-grid';

// ...

<AsymmetricImageGrid
  images={[
    'https://example.com/image1.jpg',
    'https://example.com/image2.jpg',
    'https://example.com/image3.jpg',
    'https://example.com/image4.jpg',
    'https://example.com/image5.jpg',
    'https://example.com/image6.jpg',
    'https://example.com/image7.jpg',
  ]}
/>

Props

| Name | Type | Description | | ---- | ---- | ----------- | | images | Array<{ uri: string }> | An array of objects with a uri property that contains the image URL. |

License

You can use this code under the MIT License.

ScreenShots