如何通过DocumentPicker.pickMultiple限制用户重复选择文件？

方案一：选择后自动过滤重复项（简单易实现） #

核心思路是维护一个已选文件列表，每次调用pickMultiple后，将新选择的文件和已选列表对比，过滤掉重复项再更新列表。优先用文件的uri作为唯一标识（比文件名更可靠，避免重名文件误判），示例代码如下：

import DocumentPicker from 'react-native-document-picker';
import { useState } from 'react';

// 初始化已选文件列表
const [selectedFiles, setSelectedFiles] = useState([]);

const pickDocuments = async () => {
  try {
    const newFiles = await DocumentPicker.pickMultiple({
      type: finalAllowedTypes,
      size: maxFileSize
    });

    // 过滤掉已存在的文件，以uri为判断依据
    const uniqueNewFiles = newFiles.filter(newFile => 
      !selectedFiles.some(selected => selected.uri === newFile.uri)
    );

    // 合并去重后的新文件到已选列表
    setSelectedFiles(prev => [...prev, ...uniqueNewFiles]);

    // 可选：给用户提示重复文件被过滤
    if (newFiles.length > uniqueNewFiles.length) {
      alert(`已过滤${newFiles.length - uniqueNewFiles.length}个重复文件`);
    }
  } catch (err) {
    if (DocumentPicker.isCancel(err)) {
      // 用户取消选择，无需处理
    } else {
      throw err;
    }
  }
};

如果担心uri在个别场景下不稳定，也可以用name+size的组合判断重复：

const uniqueNewFiles = newFiles.filter(newFile => 
  !selectedFiles.some(selected => 
    selected.name === newFile.name && selected.size === newFile.size
  )
);

方案二：自定义选择器（复杂但体验更优） #

如果希望用户在系统选择界面就无法选中已选文件，需要自行实现文件选择UI：借助react-native-fs等库获取本地文件列表，自定义渲染文件列表时直接禁用已选项。但这种方案需要处理权限申请、跨平台文件路径适配、文件类型筛选等问题，开发成本较高，适合对交互体验要求极高的场景。

内容的提问来源于stack exchange，提问作者Fatima Siddique