everything same as this package just fetch image from server with download and share option

[vishu-mangla]

everything is fine in this package.Swiper is awesome. but want to fetch images from server and want option to share and download

[Luehang]

Hi,

The option to share and download is a good idea, but what this package is is just laying the right foundation for a fully customizable layout that will be constantly updated and improved upon.

Again, you can fetch remote and local images with react-native-image-layout or react-native-masonry-list.

The following example is for react-native-masonry-list.

🔷 Usage Example

Add an import to the top of the file. At minimal, declare the MasonryList component in the render() method providing an array of data for the images prop.

ℹ️ Local images must have a defined dimensions field with width and height.

import React from "react";
import MasonryList from "react-native-masonry-list";

export default class MasonryImages extends React.PureComponent {
render() {
    return (
        <MasonryList
            images={[
                // Can be used with different image object fieldnames.
                // Ex. source, source.uri, uri, URI, url, URL
                { uri: "https://luehangs.site/pic-chat-app-images/beautiful-blond-blonde-hair-478544.jpg" },
                { source: { uri: "https://luehangs.site/pic-chat-app-images/beautiful-beautiful-women-beauty-40901.jpg" } },
                { uri: "https://luehangs.site/pic-chat-app-images/animals-avian-beach-760984.jpg",
                    dimensions: { width: 1080, height: 1920 } },
                { URI: "https://luehangs.site/pic-chat-app-images/beautiful-blond-fishnet-stockings-48134.jpg"
                    id: "blpccx4cn" },
                { url: "https://luehangs.site/pic-chat-app-images/beautiful-beautiful-woman-beauty-9763.jpg" },
                { URL: "https://luehangs.site/pic-chat-app-images/attractive-balance-beautiful-186263.jpg" },
            ]}
        />
    );
}
}

If you want an image layout with gallery, then use react-native-image-layout. There will be an example given in the readme file.

[vishu-mangla]

thanks a lot. i am using react-native-image-layout its awesome.keep doing it .
any suggestion to use download and share feature in react-native-image-layout

[Luehang]

Hi,

Thanks.

All you need for a download and share, is a URI. You can do it yourself or find a light weight and reliable software package. Many of them require custom linking.