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.
npm install react-native-asymmetric-image-gridimport 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',
]}
/>| Name | Type | Description |
|---|---|---|
| images | Array<{ uri: string }> | An array of objects with a uri property that contains the image URL. |
You can use this code under the MIT License.
