Flutter Simple Image Cropper

Flutter Simple Image Cropper

Image Zoom and Cropping plugin for Flutter

simple_image_crop

A simple and easy used flutter plugin to crop image on iOS and Android.

Image Cropping circle area Image Cropping rect area Image Cropping rect gif Image Cropping area gif

Installation

Add simple_image_crop as a dependency in pubspec.yaml.

Using

Create a widget to load and edit an image:

image can be of any type:

  ImgCrop(...),  //  ImageProvider
  ImgCrop.file(...) // Image file
  ImgCrop.asset(...) // Image assets your local
final imgCropKey = GlobalKey<ImgCropState>();

Widget _buildCropImage() {
  return Container(
      color: Colors.black,
      child: ImgCrop(
        key: cropKey,
        chipRadius: 150,  // crop area radius
        chipShape: 'circle', // crop type "circle" or "rect"
        image: Image.file(imageFile), // you selected image file
      ),
  );
}

Generate a cropped image:

a async function get cropped file image:

  • croppedImage is you cropped image File
  • pictureQuality Can control image size and quality
  final croppedFile = await crop.cropCompleted(
    croppedImage,
    {pictureQuality: 900}
  )
floatingActionButton: FloatingActionButton(
  onPressed: () async {
    final crop = cropKey.currentState;
    final croppedFile =
        await crop.cropCompleted(args['image'], pictureQuality: 900);

    // show you croppedFile ……
    showImage(context, croppedFile);
  },

it’s so esay !

Source Code

Please Visit Flutter Simple Image Cropper Source Code at GitHub