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

React Native中react-native-image-crop-picker存储权限获取问题求助

解决React Native图库访问权限(Android 12+)问题

1. 适配AndroidManifest.xml权限声明

Android 12(API 31)及以上版本废弃了原有的READ_EXTERNAL_STORAGE权限,新增了媒体专属权限。需要在android/app/src/main/AndroidManifest.xml中添加以下权限,同时保留旧权限兼容低版本:

<!-- 兼容Android 11及以下 -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" android:maxSdkVersion="30" />
<!-- Android 12+ 访问图片 -->
<uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
<!-- Android 12+ 访问视频 -->
<uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />

2. 更新react-native-permissions的权限请求逻辑

原有的STORAGE权限类型已不适配Android 12+,需要切换为媒体专属权限类型:

import { PERMISSIONS, requestMultiple, RESULTS } from 'react-native-permissions';
import ImagePicker from 'react-native-image-crop-picker';
import { Linking, Alert } from 'react-native';

// 请求图片和视频权限
const requestMediaPermissions = async () => {
  const result = await requestMultiple([
    PERMISSIONS.ANDROID.READ_MEDIA_IMAGES,
    PERMISSIONS.ANDROID.READ_MEDIA_VIDEO,
  ]);

  // 处理权限结果
  if (result[PERMISSIONS.ANDROID.READ_MEDIA_IMAGES] === RESULTS.BLOCKED || 
      result[PERMISSIONS.ANDROID.READ_MEDIA_VIDEO] === RESULTS.BLOCKED) {
    Alert.alert(
      '权限需要',
      '请前往应用设置开启媒体访问权限',
      [
        { text: '取消' },
        { text: '去设置', onPress: () => Linking.openSettings() }
      ]
    );
  } else if (result[PERMISSIONS.ANDROID.READ_MEDIA_IMAGES] === RESULTS.GRANTED && 
             result[PERMISSIONS.ANDROID.READ_MEDIA_VIDEO] === RESULTS.GRANTED) {
    // 权限已授予,调用图库选择器
    ImagePicker.openPicker({
      mediaType: 'any',
    }).then(image => {
      // 处理选中的媒体文件
    }).catch(err => {
      // 处理错误
    });
  }
};

3. 处理权限被永久拒绝的场景

当权限返回Block时,说明用户已勾选"不再询问",此时无法通过代码再次弹出权限请求框,必须引导用户前往应用设置手动开启权限,代码示例已包含在上一步的权限处理逻辑中。

4. 确保依赖库版本兼容

  • 更新react-native-permissions到最新稳定版,确保支持Android 12+的新权限类型。
  • 更新react-native-image-crop-picker到最新版,部分旧版本可能未适配Android 12+的权限逻辑。

内容的提问来源于stack exchange,提问作者Sahdev Domadiya

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.01 14:37:11