React Native调用Share.open提示undefined报错问题咨询

触发_reactNative.Share.open is not a function的核心问题是你调用的API和你导入的Share对象不匹配，没有其他玄学原因，对应两类常见场景：

• 把第三方分享库的方法，错当成React Native内置API调用
  React Native官方内置的Share模块根本没有open方法，内置仅提供Share.share()、Share.dismissedAction等有限的属性和方法，Share.open是第三方库react-native-share的专属API。如果你是从'react-native'路径导入的Share，直接调用open必然拿到undefined。
• 第三方分享库安装/链接异常
  如果你本来就打算用react-native-share的能力，那报错是因为依赖没装全、原生端未正确链接，导致导入的Share对象上没有挂载open方法。

根据你实际要用的分享能力二选一即可：

用RN内置基础分享（无需额外装依赖） #

直接替换掉原来的Share.open调用，用官方提供的share方法即可，参考代码：

import { Share } from 'react-native';

const triggerShare = async (contentUri) => {
  try {
    const shareRes = await Share.share({
      url: contentUri, // iOS端识别该字段
      message: contentUri, // 安卓端需要把链接放在message字段才会正常展示
    });
    // 分享结果处理
    if (shareRes.action === Share.sharedAction) {
      // 分享完成逻辑
    } else if (shareRes.action === Share.dismissedAction) {
      // 用户取消分享（仅iOS会触发该回调）
    }
  } catch (err) {
    console.error('分享执行失败', err);
  }
}

内置分享能力比较基础，不支持指定固定分享平台、多文件分享、自定义分享弹窗样式，有复杂需求就用第三方库方案。

用react-native-share的open方法（支持更丰富的分享配置） #

按步骤正确配置依赖即可：

1. 安装依赖包，项目根目录执行对应命令：
   • npm用户：npm install react-native-share --save
   • yarn用户：yarn add react-native-share
2. 完成原生端链接：
   • RN 0.60及以上版本支持自动链接，iOS端进入项目ios目录执行pod install即可，安卓端无需额外操作
   • RN 0.60以下版本手动执行react-native link react-native-share完成链接
3. 修改导入路径，不要从react-native内导Share，正确导入方式：

// 注意导入路径，不要写错
import Share from 'react-native-share';

const triggerShare = async (contentUri) => {
  try {
    await Share.open({
      url: contentUri
    });
    // 分享成功逻辑
  } catch (err) {
    // err存在时一般是用户取消分享、或者原生端配置异常
    console.log('分享异常', err);
  }
}

• 配置完如果依然报错，先清Metro缓存重启服务：执行npx react-native start --reset-cache，同时卸载手机/模拟器上的旧测试包，重新编译安装即可。

内容的提问来源于stack exchange，提问作者Relie Essom