flutter图片裁剪实现，超级简单

最新推荐文章于 2024-08-16 09:21:19 发布

qq_39005782

最新推荐文章于 2024-08-16 09:21:19 发布

阅读量4.4k

点赞数

分类专栏： flutter 文章标签： flutter app ios android

本文链接：https://blog.csdn.net/qq_39005782/article/details/103290710

版权

这篇博客介绍了如何在Flutter应用中实现简单且高效的图片裁剪功能，支持圆形和方形选区，以及图片的放大缩小操作。适用于iOS和Android平台。通过指定的packages和ImagePicker插件，开发者可以轻松创建编辑图片组件并获取裁剪后的图片。

摘要由CSDN通过智能技术生成

用法非常简单易用，支持圆形和方形选区，支持放大缩小，完美兼容iOS 和安卓： packages地址

创建一个编辑图片的组件:

final imgCropKey = GlobalKey<CropState>();

Widget _buildCropImage() {
  return Container(
      color: Colors.black,
      child: ImgCrop(
        key: cropKey,
        chipRadius: 150,  // 裁剪区域半径
        chipShape: 'circle', // 裁剪区域类型 支持圆形"circle" 和 方形"rect"
        image: Image.file(imageFile), // 传入图片资源
      ),
  );
}

生成裁剪后的图片:

选择图片推荐使用 image-picker插件, 图片也许是上个页面传过来的(当然也可以是其他任意图片资源):
final Map args = ModalRoute.of(context).settings.arguments
一个简单的异步函数获取裁剪后的图片:
crop.cropCompleted('传入的图片资源', {pictureQuality: '图片质量 int '})