You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native如何打开选中的文件夹?

在React Native中打开选中的文件夹

要打开通过react-native-document-picker获取的文件夹URI,需针对iOS和Android平台分别处理,以下是具体实现方案:

1. 分平台实现代码

Android端

可以使用react-native-send-intent库发送系统意图打开文件夹:
首先安装依赖:

npm install react-native-send-intent --save
# 或 yarn add react-native-send-intent

然后在业务代码中调用:

import SendIntentAndroid from 'react-native-send-intent';

// 获取到目录URI后执行
if (selected && selected.uri) {
  // 调用原生文件管理器打开目录
  SendIntentAndroid.sendIntent('android.intent.action.VIEW', {
    uri: selected.uri,
    type: 'resource/folder',
  });
}

iOS端

直接使用React Native内置的Linking模块即可:

import { Linking } from 'react-native';

// 获取到目录URI后执行
if (selected && selected.uri) {
  Linking.openURL(selected.uri).catch(err => console.error('无法打开文件夹:', err));
}

2. 关键注意事项

  • Android部分设备可能存在兼容性问题,若android.intent.action.VIEW无法生效,可尝试直接指定原生文件管理器包名:SendIntentAndroid.openAppWithUri('com.android.documentsui', selected.uri)。
  • iOS需在Info.plist中配置NSDocumentPickerUsageDescription字段,说明应用访问文件的用途,避免权限报错。

内容的提问来源于stack exchange,提问作者Cao YongFeng

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 03:39:54