# 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 /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: ``` NSPhotoLibraryUsageDescription Used to demonstrate image picker plugin NSCameraUsageDescription Used to demonstrate image picker plugin NSMicrophoneUsageDescription Used to capture audio for image picker plugin ``` 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 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{ ... } ```

related excellent projects recommendation download