question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Instagram on iOS: the Instagram share option doesn't appear in the standard iOS menu when the message option is passed to open()

See original GitHub issue

I tried installing both the current release and what’s on the master branch. Both are producing this issue:

      await RNShare.open({
        url: `data:image/jpeg;base64,${base64data}`,
        type: "image/jpeg",
        message: 'test share message',
      });

When you pass a message option, the icon to share to Instagram disappears from the standard iOS share menu. If you remove the message option, the Instagram option comes back and you can share the image successfully.

Instagram works fine in both scenarios on Android.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:25 (8 by maintainers)

github_iconTop GitHub Comments

3reactions
erikterwielcommented, Aug 3, 2018

Workaround: React Native has a built in { Share } feature which works as expected on iOS, messages degrade gracefully on Facebook and Instagram. Only issue with the built in share is that you cannot supply a url for Android, so I just use Platform.OS to use React Native’s Share for iOS and react-native-share for Android.

import { Platform, Share } from "react-native";
import AndroidShare from "react-native-share";

const share = (url) => {
    if (Platform.OS === "ios") {
      const content = {
        message: this._message,
        title: this._title,
        url,
      };
      const options = {
        subject: this._subject,
      };
      const result = await Share.share(content, options);
      return result === Share.sharedAction;
    } else if (Platform.OS === "android") {
      const options = {
        message: this._message,
        title: this._title,
        subject: this._subject,
        url,
      };
      try {
        await AndroidShare.open(options);
        return true;
      } catch (error) {
        return false;
      }
    }
  }
};
1reaction
triboucommented, Aug 10, 2018

Posting here so I don’t forget since it’s the next step I can think of for this issue: Compare react-native@0.56 iOS share module/ActionSheetManager with react-native-share and react-native@0.55 to see what changed…

Read more comments on GitHub >

github_iconTop Results From Across the Web

the Instagram share option doesn't appear in the standard iOS ...
Instagram on iOS: the Instagram share option doesn't appear in the standard iOS menu when the message option is passed to open() #310....
Read more >
Adjust Your Settings - Instagram Help Center
Hide comments or message requests you don't want to see on Instagram. There are a few ways you can hide potentially offensive comments...
Read more >
How To FIX Reply Option Missing On Instagram! (2022)
How To FIX Reply Option Missing On Instagram ! (2022). 51K views 6 months ago ... iPhone X In 2021: https://www.youtube.com/watch?v=f9wl8.
Read more >
iPhone: share with instagram - Apple Stack Exchange
Simply open your Instagram app, tap the center "camera" icon (the square with a circle in the middle) ...
Read more >
Navigator.share() - Web APIs - MDN Web Docs
share() method of the Web Share API invokes the native sharing mechanism of the device to share data such as text, URLs, or...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found