Expo React Native如何获取并列出相册中全部图片文件？

你使用expo-media-library是正确的选择，这是Expo官方提供的访问设备媒体资源的标准库。

问题分析 #

你当前调用getAlbumsAsync()只返回了一个Download相册，原因可能有两个：

1. 设备上其他相册无媒体文件，或者你尚未获取到完整的媒体库访问权限
2. getAlbumsAsync默认仅返回包含媒体内容的相册，若要获取空相册，需传入{ includeEmpty: true }参数

但如果你最终目标是获取所有图片文件而非相册列表，正确的做法是直接调用getAssetsAsync并指定媒体类型为图片，而非先获取相册。

代码实现 #

直接获取所有图片

import * as MediaLibrary from 'expo-media-library';

async function getAllImageFiles() {
  // 请求媒体库权限
  const permissionResult = await MediaLibrary.requestPermissionsAsync();
  if (!permissionResult.granted) {
    // 权限拒绝时的处理逻辑，比如提示用户开启权限
    return;
  }

  // 获取所有图片资源
  const imageAssets = await MediaLibrary.getAssetsAsync({
    mediaType: MediaLibrary.MediaType.photo,
    sortBy: [MediaLibrary.SortBy.creationTime], // 按创建时间排序
    first: 1000, // 单次获取的最大数量，可按需调整
  });

  console.log('所有图片资源:', imageAssets.assets);
}

获取所有相册及对应图片

如果需要先获取相册列表再获取每个相册内的图片，可使用以下代码：

import * as MediaLibrary from 'expo-media-library';

async function getAllAlbumsWithImages() {
  const permissionResult = await MediaLibrary.requestPermissionsAsync();
  if (!permissionResult.granted) return;

  // 获取所有相册（包含空相册）
  const albums = await MediaLibrary.getAlbumsAsync({ includeEmpty: true });

  // 遍历相册，获取每个相册内的图片
  const albumsWithImages = await Promise.all(
    albums.map(async (album) => {
      const albumImages = await MediaLibrary.getAssetsAsync({
        mediaType: MediaLibrary.MediaType.photo,
        album: album,
      });
      return {
        ...album,
        images: albumImages.assets,
      };
    })
  );

  console.log('带图片的相册列表:', albumsWithImages);
}

注意事项 #

• 你的原代码中permissionResponse变量未定义，需通过requestPermissionsAsync主动获取权限状态
• 建议在真实设备上测试，模拟器的媒体库内容通常有限
• 确保expo-media-library版本与你的Expo SDK版本兼容

内容的提问来源于stack exchange，提问作者unni krishnan