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

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,
};

Leave a Comment