Black screen on android share to instagram story

[ronywix]

When trying to share to instagram stories i get a black screen. Instagram feed works ok
Works fine on ios (although kind of a different flow)

happens on react-native-share 1.0.27

let imageData = await RNFS.readFile(localUrl, 'base64');
Share.open({url: 'data:image/png;base64,' + imageData, type: 'image/png'})
.then (result -> {
})
.catch(error => {
    console.log('ShareSheet - error: ', error);
})

[jgcmarins]

could you try v1.1.2?

[Jagni]

Got the same issue testing on v1.1.2

Occurs on Android
Works fine on ios

[jgcmarins]

@Jagni, yesterday we had a new release to 1.1.3
could you check it please?

[Jagni]

Turns out the files were saved with wrong extensions (e.g. jpeg files saved as .png)
v1.1.2 worked fine on both iOS and Android after fixing that

[techrah]

I have the same issue. When I look at the file in a hex editor, I can see PNG in the header so I don't think it's a JPEG with the wrong extension. Yet, when I convert to base64 and share to Twitter, the transparent background goes black.

[MateusAndrade]

You can try this with the master branch?

[techrah]

I just tried with master branch and same results. If I download the picture from Twitter, I end up with a JPEG, so somewhere in the process (either this library or Twitter itself?) the image is being converted to JPEG.

[techrah]

In fact, the images with white background that were posted via iOS, when I download those images from Twitter, they too are JPEG but for some reason they got a white background.

[techrah]

Upon further research, seems like this happens at Twitter. What's weird is that on iOS we get white and on Android we get black.

https://lifehacker.com/stop-twitter-from-turning-your-pngs-into-jpgs-1822461989

[techrah]

Sorry, I just realized I hi-jacked a thread about Instagram and I'm talking about Twitter.

[stale]

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.

[stale]

Closing this issue after a prolonged period of inactivity. Fell free to reopen this issue, if this still affecting you.