title: Share photo to Instagram from React-Native app built with Expo SDK
body: <p>I want my react-native app to share a photo with Instagram.  I know it's possible when writing in native code to open up Instagram's filter screen with a specified photo.  A restriction is that I'm using the Expo SDK, which doesn't allow 'npm link' for native dependencies.  </p>
  
  <p>When this function is called, it will open Instagram:</p>
  
  <pre><code>  _handlePress = () =&gt; {
      Linking.openURL('instagram://app');
    }
  </code></pre>
  
  <p>This is the Button:</p>
  
  <pre><code>   &lt;Button 
        onPress={this._handlePress}
        title='Open Instagram'
      /&gt;
  </code></pre>
  
  <p>The image is stored in the state:</p>
  
  <pre><code>  state = {
      image: null,
      uploading: false
    }
  </code></pre>
  
  <p>I can display the image in an Image tag just fine:</p>
  
  <pre><code>&lt;Image
    source={{uri: image}}
    style={{width: 300, height: 300}}
   /&gt;
  </code></pre>
  
  <p>But, I have no way passing the image along to Instagram.  Here is some failed research:
  Third party libraries:
  react-native-instagram-share: <a href="https://www.instagram.com/developer/mobile-sharing/iphone-hooks/" rel="nofollow noreferrer">https://www.instagram.com/developer/mobile-sharing/iphone-hooks/</a></p>
  
  <p>Because I can’t use ‘link’ to use native dependencies. I am using the Expo SDK which doesn’t allow the ‘link’ for native dependencies.  </p>
  
  <p>The Instagram docs explain how to open Instagram, and that passing the image along can be done with native code. Which, is to use “UIDocumentInteractionController”, which isn’t available in JavaScript.<br>
  <a href="https://www.instagram.com/developer/mobile-sharing/iphone-hooks/" rel="nofollow noreferrer">https://www.instagram.com/developer/mobile-sharing/iphone-hooks/</a></p>
  
  <p>There aren't any other Stackoverflow answers to my question.  </p>