Image Sharing for WhatsApp is not working #280

iSaadSalman · 2018-06-18T00:22:34Z

So I'm saving a screenshot locally and passing the URI to Share options. Its working fine for every platform except Whats App.

`let shareOptions = {
title: "Share",
url: this.state.cameraRollUri,
type: 'image/png',
message: "Here it is",
subject: "Share Link", // for email,
};

Share.open(shareOptions)`

Just message appears but no image

The text was updated successfully, but these errors were encountered:

jgcmarins · 2018-06-18T13:00:35Z

@iSaadSalman application is crashing?
Do you have a stack trace?

iSaadSalman · 2018-06-18T14:01:37Z

@jgcmarins No it’s not crashing. Just the image is not being shared in WhatsApp. Check the description I wrote in op.

jgcmarins · 2018-06-18T14:23:10Z

Is it happening on both platforms?

iSaadSalman · 2018-06-18T14:30:24Z

@jgcmarins Just testing on iOS right now. It's happening there.

iSaadSalman · 2018-06-18T18:12:12Z

@jgcmarins Do you have any idea what could be the problem?

gaganjot-singh01 · 2018-06-21T08:51:05Z

Same problem

iSaadSalman · 2018-06-30T00:22:35Z

@jgcmarins Any update on this?

jgcmarins · 2018-06-30T00:36:01Z

@iSaadSalman can you try master branch?

iSaadSalman · 2018-06-30T13:56:44Z

@jgcmarins I tried by overwriting the module in node_modules since I'm not able to update via npm.

I'm receiving this build error in Xcode:
Undefined symbols for architecture arm64: "_OBJC_CLASS_$_InstagramShare", referenced from: objc-class-ref in libRNShare.a(RNShare.o) ld: symbol(s) not found for architecture arm64 clang: error: linker command failed with exit code 1 (use -v to see invocation)

iSaadSalman · 2018-07-03T00:12:04Z

@jgcmarins any update?

jgcmarins · 2018-07-03T00:58:30Z

@iSaadSalman I could not take a deeper look.
But if you want to help us, PRs are welcome.

jgcmarins · 2018-07-03T01:00:42Z

@jgcmarins I tried by overwriting the module in node_modules since I'm not able to update via npm.

I'm receiving this build error in Xcode:
Undefined symbols for architecture arm64: "OBJC_CLASS$_InstagramShare", referenced from: objc-class-ref in libRNShare.a(RNShare.o) ld: symbol(s) not found for architecture arm64 clang: error: linker command failed with exit code 1 (use -v to see invocation)

Your link is wrong here.
I recommend to remove all node_modules, install lib again, following README and also link again.

kkbhav · 2018-07-04T07:58:08Z

@iSaadSalman can you please check after removing 'message' from options, if it is working or not. Whatsapp only allows one of them to be used, i.e. you can only use message or url at a time for whatsapp.

iSaadSalman · 2018-07-14T15:16:24Z

@kkbhav sorry for the very late reply. Yeah you are right if I remove the message image shows up

jgcmarins · 2018-07-16T11:51:00Z

Is this a bug or what? Can we close this one?
@iSaadSalman what do you think? README must be updated?

iSaadSalman · 2018-07-16T12:20:33Z

@jgcmarins Well if the message overwriting URL is enforced, this but has been resolved

iSaadSalman · 2018-07-16T12:21:13Z

@jgcmarins If you can, maybe add a readme note about this so people know

ahaus · 2018-12-14T15:22:16Z

The problem with message override still exists. Url does not work if I add a message field. Tested with version 1.1.3.

mjm918 · 2019-01-07T03:26:18Z

any update?

KPS250 · 2019-02-25T09:21:43Z

The issue is only on iOS. For Android it works well. Any update on this?

tktdw · 2019-03-13T04:16:00Z

share image on WA work on my Device, and shareOption like this

let shareOptions = {
title: "",
url: this.state.cameraRollUri,
message: "",
subject: "", // for email,
}

then i add code

} else if ([options[@"url"] rangeOfString:@"wai"].location != NSNotFound || [options[@"url"] rangeOfString:@"png"].location != NSNotFound || [options[@"url"] rangeOfString:@"jpg"].location != NSNotFound) {
NSLog(@"Sending whatsapp image");

        documentInteractionController = [UIDocumentInteractionController interactionControllerWithURL:[NSURL fileURLWithPath:options[@"url"]]];
        documentInteractionController.UTI = @"net.whatsapp.image";
        documentInteractionController.delegate = self;
        [documentInteractionController presentOpenInMenuFromRect:CGRectMake(0, 0, 0, 0) inView:[[[[[UIApplication sharedApplication] delegate] window] rootViewController] view] animated:YES];
        NSLog(@"Done whatsapp image");
        successCallback(@[]);

on file WhatsAppShare.m line 49

if ([options[@"url"] rangeOfString:@"wam"].location != NSNotFound || [options[@"url"] rangeOfString:@"mp4"].location != NSNotFound) {
.....
successCallback(@[]);
// add code here
} else {
text = (NSString*)CFBridgingRelease(CFURLCreateStringByAddingPercentEscapes(NULL,(CFStringRef) text, NULL,CFSTR("!*'();:@&=+$,/?%#[]"),kCFStringEncodingUTF8));
......
}
}

farhanaslam5151 · 2019-05-20T11:24:59Z

url property will not work on android, try this
onSharePress = (image) => Share.share({
title: 'Pk Flyer offer',
message: 'your message here '+image,
url: Platform.OS === 'ios' ? image :"" //this will work only on ios
subject: 'Offer'
});

LionelLindt · 2019-10-25T12:11:37Z

url property will not work on android, try this
onSharePress = (image) => Share.share({
title: 'Pk Flyer offer',
message: 'your message here '+image,
url: Platform.OS === 'ios' ? image :"" //this will work only on ios
subject: 'Offer'
});

Share.share is a method from React Native Share, and not from this library, here it is open.

EnclaveAnthony · 2019-12-30T12:06:11Z

share image on WA work on my Device, and shareOption like this

let shareOptions = {
title: "",
url: this.state.cameraRollUri,
message: "",
subject: "", // for email,
}

then i add code

} else if ([options[@"url"] rangeOfString:@"wai"].location != NSNotFound || [options[@"url"] rangeOfString:@"png"].location != NSNotFound || [options[@"url"] rangeOfString:@"jpg"].location != NSNotFound) {
NSLog(@"Sending whatsapp image");
        documentInteractionController = [UIDocumentInteractionController interactionControllerWithURL:[NSURL fileURLWithPath:options[@"url"]]];
        documentInteractionController.UTI = @"net.whatsapp.image";
        documentInteractionController.delegate = self;
        [documentInteractionController presentOpenInMenuFromRect:CGRectMake(0, 0, 0, 0) inView:[[[[[UIApplication sharedApplication] delegate] window] rootViewController] view] animated:YES];
        NSLog(@"Done whatsapp image");
        successCallback(@[]);
on file WhatsAppShare.m line 49

if ([options[@"url"] rangeOfString:@"wam"].location != NSNotFound || [options[@"url"] rangeOfString:@"mp4"].location != NSNotFound) {
.....
successCallback(@[]);
// add code here
} else {
text = (NSString*)CFBridgingRelease(CFURLCreateStringByAddingPercentEscapes(NULL,(CFStringRef) text, NULL,CFSTR("!*'();:@&=+$,/?%#[]"),kCFStringEncodingUTF8));
......
}
}

Yes. It works. But we need sharing with a caption. Does anyone have a solution for this?

prajnarobo · 2020-01-08T10:58:45Z

share image on WA work on my Device, and shareOption like this

let shareOptions = {
title: "",
url: this.state.cameraRollUri,
message: "",
subject: "", // for email,
}

then i add code

} else if ([options[@"url"] rangeOfString:@"wai"].location != NSNotFound || [options[@"url"] rangeOfString:@"png"].location != NSNotFound || [options[@"url"] rangeOfString:@"jpg"].location != NSNotFound) {
NSLog(@"Sending whatsapp image");
        documentInteractionController = [UIDocumentInteractionController interactionControllerWithURL:[NSURL fileURLWithPath:options[@"url"]]];
        documentInteractionController.UTI = @"net.whatsapp.image";
        documentInteractionController.delegate = self;
        [documentInteractionController presentOpenInMenuFromRect:CGRectMake(0, 0, 0, 0) inView:[[[[[UIApplication sharedApplication] delegate] window] rootViewController] view] animated:YES];
        NSLog(@"Done whatsapp image");
        successCallback(@[]);
on file WhatsAppShare.m line 49

if ([options[@"url"] rangeOfString:@"wam"].location != NSNotFound || [options[@"url"] rangeOfString:@"mp4"].location != NSNotFound) {
.....
successCallback(@[]);
// add code here
} else {
text = (NSString*)CFBridgingRelease(CFURLCreateStringByAddingPercentEscapes(NULL,(CFStringRef) text, NULL,CFSTR("!*'();:@&=+$,/?%#[]"),kCFStringEncodingUTF8));
......
}
}
Yes. It works. But we need sharing with a caption. Does anyone have a solution for this?

Any solution for this?

msaqlain · 2020-02-04T09:27:47Z

Facing same issue any update?

EnclaveAnthony · 2020-02-04T09:33:13Z

It is impossible. Just share only message or image. Not both.

msaqlain · 2020-02-04T09:38:55Z

@EnclaveAnthony Is there any way we can send two messages in one share. One for image and next for message.

tktdw · 2020-02-04T10:21:48Z

from this latest release note for Whatsapp. Enclave is right

shreyakupadhyay · 2020-03-28T19:21:42Z

I have found a working workaround for this problem. Currently, I also use it in one of my applications. You can directly plug and play the below onClick function on a button press.

RNFS.downloadFile, downloads the remote image using URL and save it to a path.
RNFS.readFile, converts the locally saved file data to base64 which is supported directly by Whatsapp and other applications.

async onClick(url, id){
        const path = `${RNFS.DocumentDirectoryPath}/${id}.jpg`;
        await RNFS.downloadFile({ fromUrl: url, toFile: `file://${path}` }).promise
            .then((res) => {
                return res;
            })
            .catch((err) => {
                return err;
            });
        RNFS.readFile(`file://${path}`, 'base64').then((res) => {
            let shareOptionsUrl = {
                title: 'My Application',
                message: 'Use my application',
                url: `data:image/jpeg;base64,${res}`, // use image/jpeg instead of image/jpg
                subject: 'Share information from your application'
            };
            Share.open(shareOptionsUrl);
        })
    }

Url is the image remote URL and id is some unique identifier for that image.

tarbundiyahitesh21 · 2020-10-29T09:55:35Z

Share.shareSingle(options) share image on whatsapp is not working while Share.open(options) working perfectly.
any solution in ios?

I tried many solution like:
=> pass base64 data in url
=> pass image path in url
this all option perfectly working on facebook sharing but whenever we try on whatsapp is not working.

github-actions · 2021-05-19T02:32:40Z

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You may also mark this issue as a "discussion" and i will leave this open

jgcmarins added bug os: ios labels Jun 18, 2018

enieber added this to To do in version 1.0.28 via automation Jun 19, 2018

jgcmarins added help wanted and removed bug labels Jul 16, 2018

jgcmarins added the bug label Dec 14, 2018

krrevilla mentioned this issue Sep 14, 2020

Cannot share image on whatsapp iOS, even without message. #861

Closed

github-actions bot added the stale There has been a lack of activity on this issue and it may be closed soon. label May 19, 2021

github-actions bot closed this as completed May 27, 2021

hieu9102002 mentioned this issue Dec 19, 2022

Allow custom activity types to be specified inside activityItemSources #1332

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Image Sharing for WhatsApp is not working #280

Image Sharing for WhatsApp is not working #280

iSaadSalman commented Jun 18, 2018 •

edited

jgcmarins commented Jun 18, 2018

iSaadSalman commented Jun 18, 2018 •

edited

jgcmarins commented Jun 18, 2018

iSaadSalman commented Jun 18, 2018

iSaadSalman commented Jun 18, 2018

gaganjot-singh01 commented Jun 21, 2018

iSaadSalman commented Jun 30, 2018

jgcmarins commented Jun 30, 2018 •

edited

iSaadSalman commented Jun 30, 2018

iSaadSalman commented Jul 3, 2018

jgcmarins commented Jul 3, 2018

jgcmarins commented Jul 3, 2018

kkbhav commented Jul 4, 2018

iSaadSalman commented Jul 14, 2018

jgcmarins commented Jul 16, 2018

iSaadSalman commented Jul 16, 2018

iSaadSalman commented Jul 16, 2018

ahaus commented Dec 14, 2018

mjm918 commented Jan 7, 2019

KPS250 commented Feb 25, 2019

tktdw commented Mar 13, 2019

farhanaslam5151 commented May 20, 2019 •

edited

LionelLindt commented Oct 25, 2019 •

edited

EnclaveAnthony commented Dec 30, 2019

prajnarobo commented Jan 8, 2020

msaqlain commented Feb 4, 2020

EnclaveAnthony commented Feb 4, 2020

msaqlain commented Feb 4, 2020

tktdw commented Feb 4, 2020

shreyakupadhyay commented Mar 28, 2020

tarbundiyahitesh21 commented Oct 29, 2020 •

edited

github-actions bot commented May 19, 2021

Image Sharing for WhatsApp is not working #280

Image Sharing for WhatsApp is not working #280

Comments

iSaadSalman commented Jun 18, 2018 • edited

jgcmarins commented Jun 18, 2018

iSaadSalman commented Jun 18, 2018 • edited

jgcmarins commented Jun 18, 2018

iSaadSalman commented Jun 18, 2018

iSaadSalman commented Jun 18, 2018

gaganjot-singh01 commented Jun 21, 2018

iSaadSalman commented Jun 30, 2018

jgcmarins commented Jun 30, 2018 • edited

iSaadSalman commented Jun 30, 2018

iSaadSalman commented Jul 3, 2018

jgcmarins commented Jul 3, 2018

jgcmarins commented Jul 3, 2018

kkbhav commented Jul 4, 2018

iSaadSalman commented Jul 14, 2018

jgcmarins commented Jul 16, 2018

iSaadSalman commented Jul 16, 2018

iSaadSalman commented Jul 16, 2018

ahaus commented Dec 14, 2018

mjm918 commented Jan 7, 2019

KPS250 commented Feb 25, 2019

tktdw commented Mar 13, 2019

farhanaslam5151 commented May 20, 2019 • edited

LionelLindt commented Oct 25, 2019 • edited

EnclaveAnthony commented Dec 30, 2019

prajnarobo commented Jan 8, 2020

msaqlain commented Feb 4, 2020

EnclaveAnthony commented Feb 4, 2020

msaqlain commented Feb 4, 2020

tktdw commented Feb 4, 2020

shreyakupadhyay commented Mar 28, 2020

tarbundiyahitesh21 commented Oct 29, 2020 • edited

github-actions bot commented May 19, 2021

iSaadSalman commented Jun 18, 2018 •

edited

iSaadSalman commented Jun 18, 2018 •

edited

jgcmarins commented Jun 30, 2018 •

edited

farhanaslam5151 commented May 20, 2019 •

edited

LionelLindt commented Oct 25, 2019 •

edited

tarbundiyahitesh21 commented Oct 29, 2020 •

edited