Want to share multiple images with separate caption to each image Whatsapp, react native share

user_14312630 0
Viewed 1114

I am using React Native Share library, a good one, I just need little help,

It is sharing multiple images with same caption,

i just want to share multiple images with separate message (caption) to each image,

suppose, if there is 5 images, then caption to 5 images is different not same.

In current situation, it share 5 images with same message (caption)

Here is my code

var imgs=["base64IMAGE1...///","base64IMAGE2..///","base64IMAGE3..///"]; let shareImage = { title:"title", message:"this is message need to send separate to each image", urls:abcc, subject: "Image" }; Share.open(shareImage).catch(err => console.log(err));

I have attached current situation screenshots..

image 1 on whatsapp image 2 on whatsapp

all sent with same caption, i just to send multiple images with separate messages

ThankYou.

react-native
1 Answers

I've created working example to share multiple or single images using react-native-share

CheckOut ExpoSnack Here

ReactNativeShareImage

added comments before every method what it'll do and what needs to be replaced.

// multiple images share example
const shareMultipleImages = async () => {
    const shareOptions = {
        title: 'Share multiple files example',
        // here replace base64 data with your local filepath
        // base64 with mimeType or path to local file
        urls: [base64ImagesData.image1, base64ImagesData.image2],
        failOnCancel: false,
    };

    // If you want, you can use a try catch, to parse
    // the share response. If the user cancels, etc.
    try {
        const ShareResponse = await Share.open(shareOptions);
        setResult(JSON.stringify(ShareResponse, null, 2));
    } catch (error) {
        console.log('Error =>', error);
        setResult('error: '.concat(getErrorString(error)));
    }
};

you can add local file path in shareMultipleImage method like this

urls: Array of base64 string you want to share. base64 with mimeType or path to local file (Array[string])

React Native Share Docs

const shareOptions = {
    title: 'Share multiple files example',
    urls: ["file..///","file..///","file..///"],
    failOnCancel: false,
};
user_18142290
Related