React Native Share库Instagram Direct分享功能故障求助

1. 补充必要的分享参数 #

Instagram Direct 不支持仅传递title的分享请求，必须提供具体的分享内容（链接、图片或视频）。修改你的代码，添加url（必填）和可选的message字段：

const shareInstagramDM = async () => {
  const shareOptions = {
    title: 'Share dm',
    social: Share.Social.INSTAGRAM_DIRECT,
    url: 'https://your-content-url.com', // 替换为实际分享链接/本地文件路径
    message: 'Check out this content!' // 可选的分享文案
  };

  try {
    const shareResponse = await Share.shareSingle(shareOptions);
    console.log('Share success:', shareResponse);
  } catch (error) {
    console.log('Error =>', error);
  }
};

2. 验证平台配置 #

iOS 配置 #

在Info.plist中添加Instagram的URL Scheme和查询权限：

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>instagram</string>
  <string>instagram-stories</string>
</array>

Android 配置 #

确保AndroidManifest.xml中已正确配置intent filter（react-native-share通常会自动处理，可手动检查确认）：

<intent-filter>
  <action android:name="android.intent.action.SEND" />
  <category android:name="android.intent.category.DEFAULT" />
  <data android:mimeType="image/*" />
  <data android:mimeType="video/*" />
  <data android:mimeType="text/plain" />
</intent-filter>

3. 检查Instagram是否安装 #

在调用分享前，先确认设备上已安装Instagram，避免因应用未安装导致的失败：

import Share from 'react-native-share';
import { Platform } from 'react-native';

const shareInstagramDM = async () => {
  const bundleId = Platform.OS === 'ios' ? 'com.burbn.instagram' : 'com.instagram.android';
  const isInstalled = await Share.isPackageInstalled(bundleId);

  if (!isInstalled) {
    console.log('Instagram is not installed on this device');
    return;
  }

  // 后续分享逻辑...
};

4. 升级react-native-share版本 #

旧版本库可能存在Instagram Direct的兼容问题，升级到最新稳定版：

# npm
npm install react-native-share@latest

# yarn
yarn add react-native-share@latest

升级后重新构建项目（iOS执行npx pod-install，Android执行./gradlew clean）。

5. 测试不同内容类型 #

尝试分享本地图片/视频（而非远程链接）验证功能是否正常，示例：

import { Platform } from 'react-native';

const shareInstagramDM = async () => {
  // 替换为实际本地文件路径
  const filePath = Platform.OS === 'ios' 
    ? 'file:///Users/your-user/Documents/test-image.jpg'
    : '/storage/emulated/0/Pictures/test-image.jpg';

  const shareOptions = {
    title: 'Share dm',
    social: Share.Social.INSTAGRAM_DIRECT,
    url: filePath,
    message: 'Check out this image!'
  };

  try {
    const shareResponse = await Share.shareSingle(shareOptions);
    console.log('Share success:', shareResponse);
  } catch (error) {
    console.log('Error =>', error);
  }
};

内容的提问来源于stack exchange，提问作者Sefa KAÇMAZ