Black screen on android share to instagram story

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

[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

[eyeCU113]

Using ‘tmpfile’ format, instead of ‘base64’ solved for me. You also need to pass the url prop like this: url: imageData, instead of url: ‘data:image/png;base64,’ + imageData.

Edit: Actually, after digging deeper, I found out that, at least in my case, the problem starts before I send the ‘base64’ data to ‘react-native-share’. Apparently, I had the wrong config set in capturerRef from ‘react-native-view-shot’. It was set to use format: ‘jpg’ with result: ‘base64’. What happens is that the transparent part of the image is not able to be saved correctly because of the ‘jpg’ format and it results in a broken ‘base64’ data. The solution was easy. Just set format: ‘png’.