After cropping a picture in landscape, the orientation is systematically changed to portrait.

This problem is only on iOs (AMHA is issue resolved in #14 for Android devices).

This happens as it does not read meta data of the images. A portrait image is saved in landscape orientation and those details are saved as Exif. When a portrait image is given to the cropper it read its height and width in wrong orientation where width > height.

Changed method CGImageSourceCreateImageAtIndex to CGImageSourceCreateThumbnailAtIndex, with CFDictionaryRef contains key kCGImageSourceCreateThumbnailWithTransform : @YES.

Without transform key image gets rotated by 90 degree

I am seeing errors in the debug console when i try use Crop.file about a missing image stream listener

Error: Type 'ImageStreamListener' not found. ImageStreamListener _imageListener; ^^^^^^^^^^^^^^^^^^^ Error: 'ImageStreamListener' isn't a type.

When handles are moved, the image is moved at the same time. This makes it difficult to select a crop area. However curiously the image does not move with the bottom-right handle.

This fixes #5

By calling ensureVisualUpdate we can ensure that the post render function will be called. But a new frame is only created when no other new frame is requested.

I need to save cropped image to app temp folder and use later to send via email. So I have a few question.

1. How can I save cropped image to device?
2. Separately I need to take 3 picture and crop the images before send via mail. what is the best and fastest way to save these images?

thanks

//TODO: CROP IMAGE
Future<void> _cropImage(BuildContext context) async {
  final scale = cropKey.currentState.scale;
  final area = cropKey.currentState.area;
  if (area == null) {
    // cannot crop, widget is not setup
    return;
  }

  // scale up to use maximum possible number of pixels
  // this will sample image in higher resolution to make cropped image larger
  final sample = await ImageCrop.sampleImage(
    file: _file,
    preferredSize: (3000 / scale).round(),
  );

  final file = await ImageCrop.cropImage(
    file: sample,
    area: area,
  );

Setting 'snapImage' to false will no longer realign the image on end of drag to the middle.

Defaults to true to keep current behavior on older versions.

This is my code:

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:image_crop/image_crop.dart';
import 'package:image_picker/image_picker.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  File _image;

  Future _getCroppedImage() async {
    File image = await ImagePicker.pickImage(source: ImageSource.gallery);

    final croppedFile = await ImageCrop.cropImage(
      file: image,
      area: Rect.fromLTRB(100, 250, 300, 350),
    );

    setState(() => _image = croppedFile);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child:
            _image == null ? Text('Please pick an image') : Image.file(_image),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _getCroppedImage,
        child: Icon(Icons.image),
      ),
    );
  }
}

But after picking an image, program crashes! I only need to crop with certain area. How can I fix this issue?

Hello,

I've encountered a bug on my OnePlus 5T while using this library. My phone currently runs Android 9, but this also happens with Android 8. This bug doesn't appear in the Android emulator (8 and 9).

Bug: After I've choosen a picture, there's nothing displayed in the crop area, until I choose a new picture or request a crop.

Here's a video of the bug: https://youtu.be/ybkYCej60kQ And other thing I've noticed: When I toggle the debug render mode, the image appears. Here's a video of that: https://youtu.be/GvGAfBsTwxw

Thanks for the useful library 👍

1. bug with portrait images aspectRatio(crop grid is out of boundaries). In the current version crop grid is painted relative to horizontal edges, but vertical(top edge and bottom edge) are not taken into account. This means that crop grid's width is always equal to device screen's width, what, of course, is wrong. This was fixed by checking does crop grid go beyond image boundaries. If so, then we change crop grid width to corresponding to crop grid height.
2. bug with identification of scaling and moving(dragging) gestures. In the current version for scaling you need to touch with two fingers exactly at the same time, what is pretty hard, to be honest. This was fixed by counting pointers(user fingers on the screen).
3. Syntax fixes

Fix #88.

new initialParam argument, to initialize the crop view programmatically. current crop parameters can be stored using CropInternal model that can accessed from CropState.

• new placeholderWidget parameter to display a widget when the image is null
• new onLoading function parameter to be aware when the crop area is ready to be used

also fixed an issue where switching image causes an exception (#85)

════════ Exception caught by image resource service ════════════════════════════
The following assertion was thrown by a synchronously-called image listener:
Cannot get size during build.

The size of this render object has not yet been determined because the framework is still in the process of building widgets, which means the render tree for this frame has not yet been determined. The size getter should only be called from paint callbacks or interaction event handlers (e.g. gesture callbacks).

example

here is a video showing how a thumbnail and a loader can be used as placeholder

new backgroundColor parameter to custom the crop mask color, if not set the default color (black) is used. the opacity on active/inactive is not changed.

| before PR | after PR colors set to gray | | -- | -- | |

fix #58, #72

new disableResize parameter which allows to hide and disable the crop handle in the corners (similar to instagram) the cropHandleSize if now dynamic depending on disableResize value, to not deflate the crop view size when there is no boundaries

Hello! According to the Appendix of Apache License 2.0, if you want to license your software under this License you should "attach the boilerplate notice, with the fields enclosed by brackets "[]" replaced with your own identifying information". This condition is not met now. Сould you remove the copyright from the text of the license and add a COPYRIGHT NOTICE FILE (like this) in the appropriate form instead (including the year of the software development and your name and surname)? You could also apply the Apache License to your source-code files by attaching the notice as a comment at the top of each file. Thank you in advance!

Apache.org says:

Include a copy of the Apache License, typically in a file called LICENSE, in your work, and consider also including a NOTICE file.

It is also valuable to tag each of your source-code files in case they become detached from the LICENSE file. To apply the Apache License to your source-code files, one approach is to attach the following notice to as a comment at the top of each file. Replace the copyright templates with your own identifying information:

Copyright [yyyy] [name of copyright owner]

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

When I take a picture, the image have a good quality, but when I try to use it in Crop, it becomes completely blurry. Here are two screenshots of the image in the camera and during the Crop:

This is on emulator (Pixel 4 API 30) but I have the same issue on my physical device (OnePlus 9 Pro).

You can find my code here