React Native中PDF文件下载与打开问题（iOS端异常）

针对你遇到的iOS端无法正常打开下载后PDF的问题，可按以下步骤逐一排查修复：

1. 修复模板字符串语法错误 #

你的下载URL使用双引号包裹模板字符串，导致${name}和${bucket_name}无法被解析为变量，直接作为URL的一部分发送无效请求，这是核心问题之一。必须改用反引号：

const uri = `https://${name}.s3.amazonaws.com/${bucket_name}/Certificate1.pdf`;

2. 优化iOS端文件打开逻辑 #

iOS上无需调用FileSystem.getContentUriAsync，直接使用fileUri即可，同时要给Linking.openURL添加await保证异步操作完成，还需提前验证文件是否存在：

const openPDF = async (fileUri: string) => {
  try {
    // 先验证文件是否存在
    const fileInfo = await FileSystem.getInfoAsync(fileUri);
    if (!fileInfo.exists) {
      console.error("PDF文件不存在:", fileUri);
      return;
    }

    if (!isAndroid) {
      if (await Linking.canOpenURL(fileUri)) {
        await Linking.openURL(fileUri);
      } else {
        console.error("无法打开该PDF文件，请检查设备是否安装了支持PDF的应用");
      }
    } else {
      const contentUri = await FileSystem.getContentUriAsync(fileUri);
      await IntentLauncher.startActivityAsync("android.intent.action.VIEW", {
        data: contentUri,
        flags: 1,
      });
    }
  } catch (error) {
    console.error("打开PDF出错:", error);
  }
};

3. 添加iOS文件类型声明 #

在app.json的iOS配置中添加PDF文件类型支持，确保系统能识别并匹配合适的应用打开：

{
  "expo": {
    "ios": {
      "infoPlist": {
        "CFBundleDocumentTypes": [
          {
            "CFBundleTypeName": "PDF文档",
            "CFBundleTypeRole": "Viewer",
            "LSHandlerRank": "Default",
            "LSItemContentTypes": ["com.adobe.pdf"]
          }
        ]
      }
    }
  }
}

4. 强化下载状态验证 #

在下载完成后，除了检查响应状态码，还可打印文件信息确认是否成功写入：

const response = await downloadObject.downloadAsync();
console.log("下载响应详情:", response);
// 验证文件是否写入成功
const downloadedFileInfo = await FileSystem.getInfoAsync(fileUri);
console.log("已下载文件信息:", downloadedFileInfo);

按以上步骤修复后，iOS端即可正常下载并打开PDF文件。

内容的提问来源于stack exchange，提问作者Hamed Jimoh