React Native用Linking打开PDF跳转浏览器，如何调用设备默认PDF阅读器？

你当前直接传入远程PDF的HTTP/HTTPS链接调用Linking.openURL时，系统会优先匹配HTTP协议的默认处理程序（也就是网页浏览器），所以会触发浏览器下载逻辑，无法直接唤起PDF阅读器。以下是两种可行的实现方案：

方案1：先下载PDF到本地再调用系统阅读器打开 #

该方案不需要引入专门的PDF处理库，只需要配合文件下载工具即可实现：

• 前置依赖：安装react-native-fs处理文件下载、路径相关逻辑
• 实现代码示例：

import RNFS from 'react-native-fs';
import Linking from 'react-native/Linking';
import { Platform } from 'react-native';

const handlePress = async () => {
  const pdfUrl = "https://link/to/file.pdf";
  // 定义本地存储路径
  const localFilePath = `${RNFS.DocumentDirectoryPath}/temp.pdf`;
  
  try {
    // 先下载PDF到本地沙箱
    await RNFS.downloadFile({
      fromUrl: pdfUrl,
      toFile: localFilePath
    }).promise;

    let openUri;
    if (Platform.OS === 'ios') {
      // iOS直接用file协议拼接本地路径
      openUri = `file://${localFilePath}`;
    } else {
      // Android 7.0+需要用FileProvider转换为content URI，避免权限问题
      // 需提前在AndroidManifest.xml中配置FileProvider
      openUri = `content://${你的FileProvider授权名称}/pdf/temp.pdf`;
    }

    await Linking.openURL(openUri);
  } catch (err) {
    console.error('打开PDF失败', err);
  }
};

• 注意事项：
  • Android端需要提前按照系统要求完成FileProvider配置，否则无法对外暴露本地文件路径
  • 需要提前申请存储读写权限，Android 13+需要单独申请文件访问权限

方案2：使用第三方文件查看库一键打开 #

该方案实现更简单，不需要手动处理文件下载、权限适配等逻辑，推荐优先使用：

• 前置依赖：安装react-native-file-viewer，该库会自动适配不同系统的文件打开逻辑，自动调用系统对应格式的默认阅读器
• 实现代码示例：

import FileViewer from 'react-native-file-viewer';
import RNFS from 'react-native-fs';

const handlePress = async () => {
  const pdfUrl = "https://link/to/file.pdf";
  const localFilePath = `${RNFS.DocumentDirectoryPath}/temp.pdf`;
  
  try {
    // 下载文件到本地
    await RNFS.downloadFile({
      fromUrl: pdfUrl,
      toFile: localFilePath
    }).promise;

    // 自动调用系统默认PDF阅读器打开
    await FileViewer.open(localFilePath, {
      showOpenWithDialog: true, // 显示打开方式选择弹窗
      showAppsSuggestions: true
    });
  } catch (err) {
    console.error('打开PDF失败', err);
  }
};

• 注意事项：
  • 按照库的配置说明完成iOS、Android端的基础配置即可，不需要额外处理复杂的权限适配逻辑
  • 支持打开多种格式的文档，除PDF外还支持docx、xlsx等常见办公格式

内容的提问来源于stack exchange，提问作者Sajjad Ahmed Shaaz