react-native-image-layout
Version:
An easy and simple to use React Native component to render a custom masonry layout for remote/local images and displayed on a custom interactive image viewer. Includes animations and support for both iOS and Android. Free and made possible along with co
139 lines (137 loc) • 4.91 kB
JavaScript
export const data = [
{
source: { uri: "https://luehangs.site/pic-chat-app-images/animals-avian-beach-760984.jpg" },
title: "www.luehangs.site",
description: "Test 1",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/beautiful-blond-blonde-hair-478544.jpg",
title: "www.luehangs.site",
description: "Test 2",
// dimensions: { width: 1080, height: 1920 }
},
{
URI: "https://luehangs.site/pic-chat-app-images/beautiful-beautiful-women-beauty-40901.jpg",
id: "xbg72uclk",
title: "www.luehangs.site",
description: "Test 3",
// dimensions: { width: 1080, height: 1920 }
},
{
url: "https://luehangs.site/pic-chat-app-images/beautiful-blond-fishnet-stockings-48134.jpg",
title: "www.luehangs.site",
description: "Test 4",
// dimensions: { width: 1080, height: 1920 }
},
{
URL: "https://luehangs.site/pic-chat-app-images/beautiful-beautiful-woman-beauty-9763.jpg",
id: idGenerator(),
title: "www.luehangs.site",
description: "Test 5",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/attractive-balance-beautiful-186263.jpg",
title: "www.luehangs.site",
description: "Test 6",
// dimensions: { width: 1920, height: 1080 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/pexels-photo-846741.jpeg",
title: "www.luehangs.site",
description: "Test 7",
// dimensions: { width: 1920, height: 1080 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/beautiful-daylight-dress-459947.jpg",
title: "www.luehangs.site",
description: "Test 8",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/pexels-photo-247292.jpeg",
title: "www.luehangs.site",
description: "Test 9",
// dimensions: { width: 1920, height: 1080 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/free-freedom-girl-6480.jpg",
id: idGenerator(),
title: "www.luehangs.site",
description: "Test 10",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/hair-girl-female-model.jpg",
title: "www.luehangs.site",
description: "https://luehangs.site",
description: "Test 11",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/pexels-photo-853168.jpeg",
title: "www.luehangs.site",
description: "Test 12",
// dimensions: { width: 1920, height: 1080 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/pexels-photo-904276.jpeg",
title: "www.luehangs.site",
description: "Test 13",
// dimensions: { width: 1920, height: 1080 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/pexels-photo-1059116.jpeg",
id: idGenerator(),
title: "www.luehangs.site",
description: "Test 14",
// dimensions: { width: 1920, height: 1080 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/photo-206330.jpeg",
title: "www.luehangs.site",
description: "Test 15",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/photo-206381.jpeg",
title: "www.luehangs.site",
description: "Test 16",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/adult-arm-art-326559.jpg",
title: "www.luehangs.site",
description: "Test 17",
// dimensions: { width: 1920, height: 1080 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/photo-755745.jpeg",
title: "www.luehangs.site",
description: "Test 18",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/pexels-photo-1104114.jpeg",
id: idGenerator(),
title: "www.luehangs.site",
description: "Test 19",
// dimensions: { width: 1920, height: 1080 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/photo-274595.jpeg",
title: "www.luehangs.site",
description: "Test 20",
// dimensions: { width: 1080, height: 1920 }
},
{
uri: "https://luehangs.site/pic-chat-app-images/photo-799443.jpeg",
title: "www.luehangs.site",
description: "Test 21",
// dimensions: { width: 1080, height: 1920 }
}
];
function idGenerator() {
return Math.random().toString(36).substr(2, 9);
}