Using Share.shareSingle() on Android gives back an unknown error

Steps to reproduce

1. I am using

const shareOptions = {
      url: picture.uri,
      social: Share.Social.INSTAGRAM,
};
Share.shareSingle(shareOptions).then(() => console.log('SUCCESS')).catch(err => console.log('ERROR: ', err));

1. The Instagram app seems to start to open, but while it is opened the screen is blank and I have back an error: “An unknown error occured”

Expected behaviour

It has to open the Instagram app as it happens in the iOS app.

Actual behaviour

It seems that Instagram app will open, but the screen stays blank and I have a toast back with “An unknown error occured”

Environment

• React Native version: 0.55.4
• React Native platform + platform version: Android 7.1.2

react-native-share

Version: npm version

If you need more infos please tell me.

[ddereszewski]

I managed to fix this problem locally, works good for images and photos. What I did is to follow Offical Instagram instruction and check what the lib does different https://www.instagram.com/developer/mobile-sharing/android-intents/

In summary the changes are: provide file path instead of blob, update SingleShareIntent.java file.

It will be good to have someone from maintainer to explain lack of super.open(options); in current implementation if the app is installed

1. First change to provide the URL instead of the blog in URL, but I guess this should also work with blob. Some example below. It’s important to have the file extension in the saved file, that’s why I used appendExt from RNFetch Blob

const mediaData = await RNFetchBlob.config({ fileCache : true, appendExt : fileExt }).fetch('GET', downloadUrl);
                let url = 'file://'+ mediaData.path();

                const shareOptions = {
                    url
                };
           
               await Share.shareSingle(
                        Object.assign(shareOptions, {
                            social: Share.Social.INSTAGRAM
                        })
                    );

1. If you are using RNFetchBlob switch to rn-fetch-blobm which is maitained. I also changed filepaths.xml to

<files-path name="my_files" path=""/>

1. Update SingleShareIntent.java

public void open(ReadableMap options) throws ActivityNotFoundException {
        System.out.println(getPackage());
        //  check if package is installed
        if(getPackage() != null || getDefaultWebLink() != null || getPlayStoreLink() != null) {
            if(this.isPackageInstalled(getPackage(), reactContext)) {
                System.out.println("INSTALLED");
                this.getIntent().setPackage(getPackage());
                super.open(options);  // <--- #### THIS I ADDED  ########
            } else {
                System.out.println("NOT INSTALLED");
                String url = "";
                if(getDefaultWebLink() != null) {
                    url = getDefaultWebLink()
                            .replace("{url}",       this.urlEncode( options.getString("url") ) )
                            .replace("{message}",   this.urlEncode( options.getString("message") ));
                } else if(getPlayStoreLink() != null) {
                    url = getPlayStoreLink();
                } else {
                    //  TODO
                }
                //  open web intent
                this.setIntent(new Intent(new Intent("android.intent.action.VIEW", Uri.parse(url))));
            }
        }
        //  configure default
        super.open(options);
    }

[IronTony]

Yes, after the first unknown error I got. Maybe I can try to create a RN app basic (using create-react-native-app) and try the package. Tomorrow I will be back with some more info about that.