# flutter_image_editor

**Repository Path**: yfming93/flutter_image_editor

## Basic Information

- **Project Name**: flutter_image_editor
- **Description**: flutter_image_editor
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-12-22
- **Last Updated**: 2022-12-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# image_editor_dove

A high-performance image editor with crop, scribble, mosaic, add-text, flip, rotated functions.

Support custom ui style.

- drawing

![draw.gif](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/390c7ccae86b438094272590dff8ecc8~tplv-k3u1fbpfcp-watermark.image?)


- rotate


![flip&rotate.gif](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/59509d75d54c453facf87146adf16656~tplv-k3u1fbpfcp-watermark.image?)


- mosaic


![mosaic.gif](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/34fd160b855c40bdb16ff4a7d95cec28~tplv-k3u1fbpfcp-watermark.image?)

- add or delete text


![text_delete.gif](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bd9ba17fb43e4819a6e97489ee1ee2d1~tplv-k3u1fbpfcp-watermark.image?)


![addtext_done.gif](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1388e96b13e64705a8c6ecaf56c5b976~tplv-k3u1fbpfcp-watermark.image?)


## Getting Started

First, add image_editor: as a 
[dependency in your pubspec.yaml file.](https://flutter.cn/development/packages-and-plugins/using-packages)

import
```
import 'package:image_editor/flutter_image_editor.dart';
```

iOS 
Add the following keys to your Info.plist file, located in <project root>/ios/Runner/Info.plist:

- NSPhotoLibraryUsageDescription - describe why your app needs permission for the photo library. This is called Privacy - Photo Library Usage Description in the visual editor.
- NSCameraUsageDescription - describe why your app needs access to the camera. This is called Privacy - Camera Usage Description in the visual editor.
- NSMicrophoneUsageDescription - describe why your app needs access to the microphone, if you intend to record videos. This is called Privacy - Microphone Usage Description in the visual editor.
Or in text format add the key:
```
<key>NSPhotoLibraryUsageDescription</key>
<string>Used to demonstrate image picker plugin</string>
<key>NSCameraUsageDescription</key>
<string>Used to demonstrate image picker plugin</string>
<key>NSMicrophoneUsageDescription</key>
<string>Used to capture audio for image picker plugin</string>
```

Android

No configuration required - the plugin should work out of the box.

## Usage

pick an image that wanna edit, and pass it to image editor like this:

```
  Future<void> toImageEditor(File origin) async {
    return Navigator.push(context, MaterialPageRoute(builder: (context) {
      return ImageEditor(
        originImage: origin,
        //this is nullable, you can custom new file's save postion
        savePath: customDirectory
      );
    })).then((result) {
      if (result is EditorImageResult) {
        setState(() {
          _image = result.newFile;
        });
      }
    }).catchError((er) {
      debugPrint(er);
    });
  }
```

## custom ui style

You can extends ImageEditorDelegate and custom editor's widget:

```
ImageEditor.uiDelegate = YouUiDelegate();

class YouUiDelegate extends ImageEditorDelegate{
    ...
}
```