React Native中RNImageToPdf生成的PDF无法访问，需移至下载文件夹

默认情况下，react-native-image-to-pdf生成的PDF会存在应用私有目录/storage/emulated/0/Android/data/com.xxx，这个目录在真机上普通文件管理器无法直接访问。要将文件移至公共下载文件夹，可按以下步骤操作：

1. 安装文件操作依赖库 #

使用react-native-fs处理文件移动，执行安装命令：

npm install react-native-fs --save
# 或用yarn
yarn add react-native-fs

2. 配置Android权限 #

在AndroidManifest.xml中添加存储权限：

<!-- Android 10及以下所需 -->
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<!-- Android 11+如需全存储访问可添加，按需选择 -->
<uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" />

Android 13+还需额外添加READ_MEDIA_IMAGES权限，根据项目需求配置。

3. 修改代码实现文件移动 #

在原有代码基础上，添加文件移动逻辑：

import RNImageToPdf from 'react-native-image-to-pdf';
import RNFS from 'react-native-fs';

// ... 其他业务代码

try {
  const options = {
    imagePaths: [], // 替换为你的实际图片路径数组
    name: 'abc.pdf',
    maxSize: {
      width: 900,
      height: Math.round((height / width) * 900),
    },
    quality: 0.7,
  };
  // 生成PDF并获取默认保存路径
  const pdf = await RNImageToPdf.createPDFbyImages(options);
  const sourcePath = pdf.filePath;

  // 定义下载文件夹目标路径
  const downloadDir = RNFS.DownloadDirectoryPath;
  const targetPath = `${downloadDir}/abc.pdf`;

  // 若目标路径已存在文件，先删除避免报错
  if (await RNFS.exists(targetPath)) {
    await RNFS.unlink(targetPath);
  }

  // 执行文件移动操作
  await RNFS.moveFile(sourcePath, targetPath);

  console.log('PDF已成功移动到下载文件夹：', targetPath);
} catch (e) {
  console.error('操作失败：', e);
}

关键说明 #

• RNFS.DownloadDirectoryPath会自动适配不同平台：Android对应/storage/emulated/0/Download，iOS对应系统默认下载目录。
• 移动前检查目标文件是否存在，可避免覆盖冲突或权限报错。
• 需确保已动态申请到存储权限，可搭配react-native-permissions库实现权限申请，防止因权限不足导致操作失败。

内容的提问来源于stack exchange，提问作者ajay 24