Flutter使用image包时如何将copyCrop()返回的裁剪图片保存到路径

你使用image库copyCrop方法返回的是该库自定义的像素数据类，无法直接用于Flutter组件或文件写入，需要经过格式转换后使用，以下是两种场景的实现方法：

1. 直接在Image Widget中使用 #

首先将裁剪后的image库Image对象编码为图片格式字节，再传入Flutter的Image.memory构造函数即可：

// 导入时建议给image库加别名，避免和Flutter自带的Image组件类名冲突
import 'package:image/image.dart' as img;
import 'package:flutter/widgets.dart';

// 你的裁剪逻辑，得到img.Image对象
img.Image originalImage = // 你的原始图片数据
img.Image croppedImage = img.copyCrop(originalImage, x: 20, y: 20, width: 200, height: 200);

// 编码为png格式的字节数组，也可根据需求使用encodeJpg、encodeWebp等方法
Uint8List croppedBytes = img.encodePng(croppedImage);

// 直接生成可渲染的Image组件
Widget showImage = Image.memory(croppedBytes);

如果需要调整图片压缩比、质量等参数，可以在encode系列函数中传入对应配置参数

2. 保存到本地文件路径 #

需要配合path_provider库获取合法的本地可写路径，再将编码后的字节写入文件即可：

1. 首先在pubspec.yaml中添加依赖：

dependencies:
  path_provider: ^2.1.0

2. 实现保存逻辑：

import 'dart:io';
import 'package:path_provider/path_provider.dart';
import 'package:image/image.dart' as img;

Future<String> saveCroppedImgToLocal(img.Image croppedImg, String saveName) async {
  // 获取应用私有文档目录，也可按需替换为临时目录、外部存储目录等
  Directory saveDir = await getApplicationDocumentsDirectory();
  String fullPath = '${saveDir.path}/$saveName.png';
  
  // 编码图片并写入文件
  File targetFile = File(fullPath);
  await targetFile.writeAsBytes(img.encodePng(croppedImg));
  
  // 返回保存后的文件完整路径
  return fullPath;
}

如果需要将图片保存到系统相册、公共下载目录，可配合image_gallery_saver等库实现，同时需要提前申请对应平台的存储权限

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