求推荐支持iOS/Android的React-Native图片下载工具或实现方案

第三方库方案 #

React Native 生态 #

• react-native-image-viewer + react-native-fs
  用react-native-image-viewer做图片预览组件，自定义菜单按钮触发react-native-fs的下载API，将图片保存到设备相册或指定目录。注意iOS需在Info.plist配置NSPhotoLibraryAddUsageDescription权限，Android要适配WRITE_EXTERNAL_STORAGE（Android 13+改用READ_MEDIA_IMAGES）。
  示例代码片段：

  import ImageViewer from 'react-native-image-viewer';
  import RNFS from 'react-native-fs';
  import { Platform, PermissionsAndroid } from 'react-native';
  
  // 权限检查
  const checkPermissions = async () => {
    if (Platform.OS === 'android') {
      const granted = await PermissionsAndroid.request(
        PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE
      );
      return granted === PermissionsAndroid.RESULTS.GRANTED;
    }
    return true;
  };
  
  // 下载并保存图片
  const downloadImage = async (imageUrl) => {
    const hasPermission = await checkPermissions();
    if (!hasPermission) return;
    
    const downloadPath = Platform.OS === 'ios' 
      ? `${RNFS.DocumentDirectoryPath}/downloaded-img.jpg`
      : `${RNFS.ExternalStorageDirectoryPath}/Pictures/downloaded-img.jpg`;
    
    try {
      await RNFS.downloadFile({ fromUrl: imageUrl, toFile: downloadPath }).promise;
      // iOS需手动存入相册
      if (Platform.OS === 'ios') {
        await RNFS.saveToPhotos(downloadPath);
      }
      alert('图片保存成功');
    } catch (err) {
      alert('下载失败：' + err.message);
    }
  };
  
  // 预览组件使用
  <ImageViewer
    imageUrls={[{ url: 'https://example.com/target-img.jpg' }]}
    menuContext={{ save: '保存图片' }}
    onMenuPress={(action) => {
      if (action === 'save') downloadImage('https://example.com/target-img.jpg');
    }}
  />
  

• expo-image + expo-file-system
  若基于Expo开发，expo-image提供轻量预览能力，配合expo-file-system处理下载，expo-media-library完成相册保存，无需原生链接，配置更简便。

Flutter 生态 #

• photo_view + flutter_downloader
  photo_view实现图片缩放预览，flutter_downloader处理后台下载逻辑，需在iOS/Android配置文件中添加对应权限声明。

原生实现方式 #

如果不想依赖第三方库，可自行编写原生逻辑：

iOS #

1. 用UIImageView展示图片，添加点击手势触发下载流程；
2. 用URLSession发起图片下载，完成后通过PHPhotoLibrary将图片存入相册，需提前请求PHAuthorizationStatus.addOnly权限；
3. 预览可通过自定义模态视图实现，或直接调用系统UIActivityViewController提供保存选项。

Android #

1. 用ImageView展示图片，点击后调用DownloadManager发起下载，指定保存路径到公共图片目录；
2. 预览可通过Dialog封装ImageView实现，Android 10+需用MediaStore插入图片，规避存储权限限制。

核心逻辑统一为：预览组件 + 权限申请 + 文件下载 + 系统相册写入，重点做好不同平台的权限适配和文件路径兼容。

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