Делитесь фотографиями в Instagram из приложения React-Native, созданного с помощью Expo SDK

Я собрал пример, который вы можете запустить на iOS здесь: https://snack.expo.io/rkbW-EG7-

Полный код ниже:

import React, { Component } from 'react';
import { Linking, Button, View, StyleSheet } from 'react-native';
import { ImagePicker } from 'expo';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Button title="Open camera roll" onPress={this._openCameraRoll} />
      </View>
    );
  }

  _openCameraRoll = async () => {
    let image = await ImagePicker.launchImageLibraryAsync();
    let { origURL } = image;
    let encodedURL = encodeURIComponent(origURL);
    let instagramURL = `instagram://library?AssetPath=${encodedURL}`;
    Linking.openURL(instagramURL);
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#ecf0f1',
  },
});

Это позволит вам открыть фотопленку и выбрать изображение, а затем открыть приложение Instagram с выбранным изображением. Если изображения еще нет в фотопленке, вы можете использовать CameraRoll.saveToCameraRoll на изображении (ссылка на документацию React Native), чтобы получить это там.

Однако подход, использованный в этом примере, будет работать только в том случае, если вы согласны с совместным использованием из камеры, и я не уверен, как это сделать на Android. Я создал проблему на доске запросов функций Expo, чтобы убедиться, что совместное использование Instagram работает отлично из коробки.

Вот как вы публикуете

import { CameraRoll } from 'react-native'

callThisFunction = async () => {
      await CameraRoll.saveToCameraRoll("https://images.unsplash.com/photo-1504807417934-b7fdec306bfd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80", 'photo');
      let instagramURL = `instagram://library?AssetPath=null`;
      Linking.openURL(instagramURL);
  }

Вот как поделиться файлом с удаленного URL: сначала скачайте! :)

  const downloadPath = FileSystem.cacheDirectory + 'fileName.jpg';
  // 1 - download the file to a local cache directory
  const { uri: localUrl } = await FileSystem.downloadAsync(remoteURL, downloadPath);
  // 2 - share it from your local storage :)
  Sharing.shareAsync(localUrl, {
    mimeType: 'image/jpeg',            // Android
    dialogTitle: 'share-dialog title', // Android and Web
    UTI: 'image/jpeg'                  // iOS
  });

Работал на меня :)

onClick = () => {
  ImagePicker.launchImageLibrary(options, response =>{
    console.log(response);
    let instagramURL = `instagram://library?LocalIdentifier=`+response.origURL;
    Linking.openURL(instagramURL);
  })