Image Editor Plugin with simple, easy support for image editing using Paints, Text, Filters, Emoji and Sticker like stories.

Last update: Jun 18, 2022

imagee_editor_pro_github

ImageEditorPro

Image Editor Plugin with simple, easy support for image editing using Paints, Text, Filters, Emoji and Sticker like stories.

To start with this, we need to simply add the dependencies in the gradle file of our app module like this

Installation

First, add image_editor_pro: as a dependency in your pubspec.yaml file.

Import

import 'package:image_editor_pro/image_editor_pro.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:

<key>NSPhotoLibraryUsageDescriptionkey>
<string>Used to demonstrate image picker pluginstring>
<key>NSCameraUsageDescriptionkey>
<string>Used to demonstrate image picker pluginstring>
<key>NSMicrophoneUsageDescriptionkey>
<string>Used to capture audio for image picker pluginstring>

Android

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

Add this function to Your StateFull Widget Check the Example

 Future<void> getimageditor()  {
    final geteditimage =   Navigator.push(context, MaterialPageRoute(
        builder: (context){
          return ImageEditorPro(
            appBarColor: Colors.blue,
            bottomBarColor: Colors.blue,
          );
        }
    )).then((geteditimage){
      if(geteditimage != null){
        setState(() {
          _image =  geteditimage;
        });
      }
    }).catchError((er){print(er);});

  }

Developed By

Special Thanks

Sanskar Tiwari

Credits

MIT License

Copyright (c) 2020 Zeeshux7860

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

GitHub

https://github.com/zeeshux7860/ImageEditorPro
Comments
  • 1. Add default image

    There is a scenario where user want to edit an existing image inside it's app that doesn't exist on gallery or it's not photo, network image for example that's not stored on the phone. Is there a way to handle this? so when user call the plugin, he could upload this image as default instead of the white image. Simple solution is adding an optional argument to ImageEditorPro that's will be used to pass this image.

    Reviewed by dernoun at 2021-04-29 08:25
  • 2. image_editor_pro depends on permission_handler ^4.2.0+hotfix.3 and myapp depends on permission_handler ^5.0.0+hotfix.3

    Hi,

    first of all: Appreciate the time and effort you put into this plugin. Your description sounds like exactly what I am looking for, so thank you very much.

    When trying to install though, I get the following error:

    Because every version of image_editor_pro depends on permission_handler ^4.2.0+hotfix.3 and myApp depends on permission_handler ^5.0.0+hotfix.3, image_editor_pro is forbidden.

    So, because myApp depends on image_editor_pro ^1.0.5, version solving failed.

    Any chance you can fix this so that it can be used with up-to-date permission handler?

    Thank you, sir :)

    Reviewed by gisinator at 2020-04-16 20:36
  • 3. Cannot open file n_structure_<.>.json

    Hello,

    I am having an issue when adding this plugin that when I run the 'flutter pub add image_editor_pro' command stating that

    Cannot open file, path = 'C:\Users\user\Documents\flutter.pub-cache_temp\dir3ec2f2b5\test\fixtures\invalid\n_structure_<.>.json' (OS Error: The filename, directory name, or volume label syntax is incorrect.

    Reviewed by matthewmizzi at 2021-09-26 18:35
  • 4. Importing Problem

    When I import this in dependencies it gives me this error

    [image_editor_pro] flutter pub get
    Running "flutter pub get" in image_editor_pro...                
    Error on line 31, column 3 of pubspec.yaml: A package may not list itself as a dependency.
    
       ╷
    
    31 │   image_editor_pro:
    
       │   ^^^^^^^^^^^^^^^^
    
       ╵
    pub get failed (65;    ╵)
    exit code 65
    
    Reviewed by Itz-Shubham at 2020-08-17 13:18
  • 5. older flutter_colorpicker is not supportable with flutter 2.5, so update it.

    I am facing this error. Help me out of this

    /Flutter_SDK/.pub-cache/hosted/pub.dartlang.org/flutter_colorpicker-0.4.0/lib/src/hsv_picker.dart:731:29: Error: The argument type 'PointerEvent' can't be assigned to the parameter type 'PointerDownEvent'.

    • 'PointerEvent' is from 'package:flutter/src/gestures/events.dart' ('/D:/Flutter_SDK/packages/flutter/lib/src/gestures/events.dart').
    • 'PointerDownEvent' is from 'package:flutter/src/gestures/events.dart' ('/D:/Flutter_SDK/packages/flutter/lib/src/gestures/events.dart'). super.addAllowedPointer(event); ^
    Reviewed by ash720 at 2021-11-15 14:56
  • 6. Pub get error

    I get this error while installing this package and its dependencies.

    Cannot open file, path = 'C:\flutter\.pub-cache\_temp\dir5ba449a4\test\fixtures\invalid\n_structure_<.>.json' (OS Error: The filename, directory name, or volume label syntax is incorrect.
    , errno = 123)
    pub finished with exit code 66
    

    I have tried everything based on previous answers related such as

    flutter clean
    flutter pub cache repair
    

    Also deleting pub cache folder. Nothing worked. The issue comes only when I install this image_editor_pro plugin. It is not the case with any other plugin. I thought there is some bug with this plugin. Surprisingly, no one else reported this issue. So please help me if someone tried to resolve this

    Reviewed by Mahati9 at 2021-11-12 19:43
  • 7. Xcode Build Fail - example app

    Using the Example app the Xcode Build fails :

    Failed to build iOS app
    
    
    Error output from Xcode build:
    
    
    ↳
    
    
        ** BUILD FAILED **
    
    
    Xcode's output:
    
    
    ↳
    
    
    : Error: The argument type 'PointerEvent' can't be assigned to the parameter type 'PointerDownEvent'.
    ../…/src/hsv_picker.dart:731
    
    - 'PointerEvent' is from 'package:flutter/src/gestures/events.dart' ('../../../FlutterSDK/flutter/packages/flutter/lib/src/gestures/events.dart').
    package:flutter/…/gestures/events.dart:1
    
    - 'PointerDownEvent' is from 'package:flutter/src/gestures/events.dart' ('../../../FlutterSDK/flutter/packages/flutter/lib/src/gestures/events.dart').
    package:flutter/…/gestures/events.dart:1
    
            super.addAllowedPointer(event);
    
    
                                    ^
    
    
    : Error: The getter 'body2' isn't defined for the class 'TextTheme'.
    ../…/lib/smart_tabbar.dart:701
    
    - 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../../FlutterSDK/flutter/packages/flutter/lib/src/material/text_theme.dart').
    package:flutter/…/material/text_theme.dart:1
    
        Try correcting the name to the name of an existing getter, or defining a getter or field named 'body2'.
    
    
                    themeData.primaryTextTheme.body2)
    
    
                                               ^^^^^
    
    
    : Error: The getter 'body2' isn't defined for the class 'TextTheme'.
    ../…/lib/smart_tabbar.dart:706
    
    - 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../../FlutterSDK/flutter/packages/flutter/lib/src/material/text_theme.dart').
    package:flutter/…/material/text_theme.dart:1
    
        Try correcting the name to the name of an existing getter, or defining a getter or field named 'body2'.
    
    
                    themeData.primaryTextTheme.body2)
    
    
                                               ^^^^^
    
    
    : Error: The getter 'body2' isn't defined for the class 'TextTheme'.
    ../…/lib/smart_tabbar.dart:714
    
    - 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../../FlutterSDK/flutter/packages/flutter/lib/src/material/text_theme.dart').
    package:flutter/…/material/text_theme.dart:1
    
        Try correcting the name to the name of an existing getter, or defining a getter or field named 'body2'.
    
    
                themeData.primaryTextTheme.body2.color;
    
    
                                           ^^^^^
    
    
        Failed to package /Users/Bob/ImageEditorPro-master 2/example.
    
    
        Command PhaseScriptExecution failed with a nonzero exit code
    
    
        note: Using new build system
    
    
        note: Planning
    
    
        note: Build preparation complete
    
    
        note: Building targets in parallel
    
    
    Could not build the precompiled application for the device.
    
    
    
    
    
    Error launching application on Coucou .
    
    
    Exited (sigterm)
    
    
    
    
    Reviewed by Aristidios at 2021-11-07 14:08

Related

Simple plugin to implement Picture in Picture support for Android only.

flutter_pip Simple plugin to implement Picture in Picture support for Android only. Android Setup You need to declare that your app supports Picture i

Dec 22, 2021
Flutter plugin that can support audio recording and level metering
Flutter plugin that can support audio recording and level metering

flutter_audio_recorder English | 简体中文 Flutter Audio Record Plugin that supports Record Pause Resume Stop and provide access to audio level metering pr

Jun 16, 2022
Image Picker Load image from camera and gallery
Image Picker Load image from camera and gallery

image_choose A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Nov 14, 2021
Image Extensions A wrapper library for image package with some extra functions.

A wrapper library for image package with some extra functions. Installation Add this to your package's pubspec.yaml file: dependencie

Jan 15, 2022
Flutter plugin for selecting multiple images from the Android and iOS image library
Flutter plugin for selecting multiple images from the Android and iOS image library

Flutter plugin for selecting multiple images from the Android and iOS image library, taking new pictures with the camera, and edit them before using such as rotating, cropping, adding sticker/filters.

Jun 23, 2022
This is a flutter package of video player. it's a very simple and easy to use.
This is a flutter package of video player. it's a very simple and easy to use.

This is a flutter package of video player. it's a very simple and easy to use.

Jun 26, 2022
This Flutter plugin created to show how to use OpenCV and ZXing C++ libraries natively in Flutter with Dart FFI using the camera stream

OpenCV and ZXing C++ libraries natively in Flutter with Dart FFI using the camera stream

Jun 23, 2022
A flutter package for iOS and Android for applying filter to an image
A flutter package for iOS and Android for applying filter to an image

Photo Filters package for flutter A flutter package for iOS and Android for applying filter to an image. A set of preset filters are also available. Y

Oct 26, 2021
Flutter package for creating a fully customizable and editable image widget.
Flutter package for creating a fully customizable and editable image widget.

EditableImage Flutter Package Flutter package for creating a fully customizable and editable image widget. The package has been written solely in Dart

Jun 13, 2022
Flutter (web-only at this moment) plugin for recording audio (using the microphone).

Microphone Flutter (web-only at this moment) plugin for recording audio (using the microphone). Getting started To learn more about the plugin and get

Jan 1, 2022
Flutter plugin for playing or streaming YouTube videos inline using the official iFrame Player API.
Flutter plugin for playing or streaming YouTube videos inline using the official iFrame Player API.

Flutter plugin for playing or streaming YouTube videos inline using the official iFrame Player API. The package exposes almost all the API provided by iFrame Player API. So, it's 100% customizable.

Jun 7, 2022
A small image utils package for flutter written in dart.

flutter_simple_image_utils A small image utils package for flutter written in dart. Usage: import 'package:flutter_simple_image_utils/flutter_simple_i

Nov 18, 2021
A plugins pick Image & camera for Flutter
A plugins pick Image & camera for Flutter

christian_picker_image Flutter plugin that allows you to upload multi image picker on iOS & Android. Getting Started ChristianImagePicker is an all-in

Apr 29, 2022
This app classifies images based on any TFLite image classification model
This app classifies images based on any TFLite image classification model

This app classifies images based on any TFLite image classification model. A sample model has been provided to classify cats vs. dogs.

Feb 20, 2022
A simple audio room using WebRTC P2P mesh network.
A simple audio room using WebRTC P2P mesh network.

P2P Audio Room A simple audio room using peer to peer technology with WebRTC mesh network. Download the app from here Here I have used:- flutter_webrt

May 19, 2022
A simple music player made using Flutter.
A simple music player made using Flutter.

Music Player App This is a beautiful music player, developed using Flutter. Features Play any song included in Flutter Assets Background Play Beautifu

May 21, 2022
A simple YouTube Music Client written in Dart using Flutter Framework with @microsoft Fluent design guidlines
A simple YouTube Music Client written in Dart using Flutter Framework with @microsoft Fluent design guidlines

A simple YouTube Music Client written in Dart using Flutter Framework with @microsoft Fluent design guidlines

Jun 22, 2022
Flutter plugin for sound. Audio recorder and player.
Flutter plugin for sound. Audio recorder and player.

Flutter Sound user: your documentation is there The CHANGELOG file is here Overview Flutter Sound is a Flutter package allowing you to play and record

Jun 28, 2022
A Flutter audio-plugin to playing and recording sounds
A Flutter audio-plugin to playing and recording sounds

medcorder_audio Flutter record/play audio plugin. Developed for Evrone.com Funded by Medcorder Medcorder.com Getting Started For help getting started

May 19, 2022