Expo Image Picker无法显示设备全部相册的解决方法咨询

我在React Native项目中使用Expo ImagePicker实现用户从设备相册选择图片的功能，但发现它仅显示设备上的部分相册，而非全部。如何让它显示所有相册（包括当前未展示的）？以下是我使用的Expo ImagePicker代码片段：

const addimage = async () => {
    let result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.All,
      allowsEditing: true,
      aspect: [4, 3],
      quality: 1,
    });

    if (!result.canceled) {
      const image = { uri: result.uri, name: result.uri.split('/').pop(), type: "image/jpeg" }
      const FromData = new FormData();
      FromData.append('image', image)
      const obj = { headers: { "Content-Type": "multipart/form-data" } }

      const newassets = { ...assets.find(item => item._id === props.data._id), image: [...assets.find(item => item._id === props.data._id).image, image.name] }
      dispatch(updateAsset1({ assets: newassets }))
      await axios.post(`http://141.226.241.38:3001/assets/uplaod/${props.data._id}`, FromData, obj)
    }
  }

我已查阅Expo ImagePicker文档并在Stack Overflow上搜索相关问题，但未找到能访问全部相册的解决方案。

核心解决办法 #

1. 补全权限配置（关键） #

部分系统（尤其是iOS 14+）需要明确申请全相册访问权限才能展示所有相册，默认权限只能访问"最近项目"等有限相册：

• 在项目根目录的app.json中添加权限配置：

  {
    "expo": {
      "ios": {
        "infoPlist": {
          "NSPhotoLibraryUsageDescription": "需要访问您的相册以选择图片",
          "NSPhotoLibraryAddUsageDescription": "需要访问您的相册以保存图片",
          "NSPhotoLibraryFullAccessUsageDescription": "需要访问所有相册以选择图片"
        }
      },
      "android": {
        "permissions": [
          "READ_EXTERNAL_STORAGE",
          "WRITE_EXTERNAL_STORAGE"
        ]
      }
    }
  }
  

配置后重新打包项目，系统会弹出全权限申请提示，用户授权后即可看到所有相册。

2. 改用MediaLibrary API自定义相册选择 #

如果ImagePicker的默认UI仍存在限制，可以直接使用Expo的MediaLibrary API完全控制相册访问流程：

• 先安装依赖：

  npx expo install expo-media-library
  

• 示例代码（获取所有相册并自定义选择逻辑）：

  import * as MediaLibrary from 'expo-media-library';
  
  const getAllAlbums = async () => {
    // 请求全相册权限
    const { status } = await MediaLibrary.requestPermissionsAsync({ mediaLibrary: 'all' });
    if (status !== 'granted') {
      alert('需要授予全相册访问权限才能查看所有相册');
      return;
    }
  
    // 获取所有相册（包括智能相册）
    const albums = await MediaLibrary.getAlbumsAsync({ includeSmartAlbums: true });
    
    // 这里可以自定义UI渲染所有相册列表，用户选择后再获取对应相册内的图片
    console.log('所有相册列表:', albums);
  };
  

3. 升级ImagePicker并优化配置 #

• 确保使用最新版本的expo-image-picker，旧版本可能存在相册展示的bug：

  npx expo update expo-image-picker
  

• 在launchImageLibraryAsync中添加iOS专属配置，强制使用全屏幕选择器：

  let result = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: ImagePicker.MediaTypeOptions.All,
    allowsEditing: true,
    aspect: [4, 3],
    quality: 1,
    presentationStyle: ImagePicker.UIImagePickerPresentationStyle.FullScreen
  });
  

内容的提问来源于stack exchange，提问作者matar cohen