React Native Android无需image picker通过路径读取本地存储图片是否可行？

是可以实现的，不需要调用相册选择器，具体实现步骤和注意事项如下： #

前置权限配置 #

首先要在Android原生配置文件中声明对应存储权限，不同安卓版本适配规则不同：

• 安卓10（API 29）及以下：需要在AndroidManifest.xml中添加读写外部存储权限

  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  

• 安卓11（API 30）及以上：如果需要访问公共目录下的非媒体文件，需要申请管理所有文件权限MANAGE_EXTERNAL_STORAGE；如果只访问应用专属目录或者公共媒体目录，不需要额外申请特殊权限，只需要READ_MEDIA_IMAGES/READ_MEDIA_VIDEO等对应媒体权限即可。
• 如果只访问应用自身的私有目录（比如/data/data/[你的包名]/下的文件），不需要申请任何存储权限，可直接读取。

具体实现方式 #

1. 图片直接渲染 #

如果是要渲染本地路径的图片，直接把路径传给Image组件的source属性即可，注意路径格式要正确：

• 本地文件路径要加file://前缀，示例代码：

  import { Image } from 'react-native';
  
  // 示例路径，替换为你实际的文件路径
  const localFilePath = 'file:///storage/emulated/0/DCIM/Camera/test.jpg';
  
  <Image source={{ uri: localFilePath }} style={{ width: 200, height: 200 }} />
  

2. 读取文件内容 #

如果需要读取文件的二进制内容、文本内容等，可以用react-native-fs库实现：

• 安装依赖后调用对应API即可，示例代码：

  import RNFS from 'react-native-fs';
  
  // 读取文件文本内容示例
  const readFileByPath = async (filePath) => {
    try {
      // 注意如果路径已经带file://前缀，需要先去掉再传给RNFS
      const processedPath = filePath.startsWith('file://') ? filePath.slice(7) : filePath;
      const content = await RNFS.readFile(processedPath, 'utf8');
      return content;
    } catch (err) {
      console.log('读取文件失败', err);
    }
  };
  

常见踩坑点 #

• 路径格式错误：很多时候读取失败是因为路径没有加file://前缀，或者路径中存在特殊字符没有转义
• 权限未授予：安卓6.0及以上需要动态申请存储权限，不能只在Manifest里声明，权限未通过的情况下会读取失败
• 安卓13分区存储限制：公共目录下的非应用专属文件，不能随意访问，需要符合分区存储的访问规则

内容的提问来源于stack exchange，提问作者Mohammad Hasnain