images_editor

Images Editor allow you to edit multiple image on same frame

Getting started

Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
  images_editor: ^0.0.1

Add UCropActivity into your AndroidManifest.xml

<activity
    android:name="com.yalantis.ucrop.UCropActivity"
    android:screenOrientation="portrait"
    android:theme="@style/Theme.AppCompat.Light.NoActionBar"/>

Add image_picker as a dependency in your pubspec.yaml file and follow setup instructions or use any other package to pick images.

Example

Examples to /example folder.

import 'package:image_picker/image_picker.dart';
import 'package:images_editor/images_editor.dart';

Future<List<File>> pickMultiple() async {
  List<File> files = [];
  final pickedImage = await ImagePicker().pickMultiImage(imageQuality: 50);
  for (var file in pickedImage) {
    files.add(File(file.path));
    if (imageFiles.isNotEmpty) {

    }
  }
  return files;
}

void main() async {
  List<Uint8List> images = [];

  await pickMultiple().then((files) {
    if (files.isNotEmpty) {
      Navigator.push(context, MaterialPageRoute(builder: (context) {
        return ImagesEditor(
          files: files,
          onFinish: (images) {
            Navigator.pop(context);
            setState(() {
              this.images = images;
            });
          },
        );
      }));
    }
  });
}

Demo

Documentation

Property	Description
`files`	List of File object representing picked images files.
`onFinish`	Callback function that is invoked when editing is finished and returns the edited images as List of `Uint8List`.
`customText`	Use to customize alerts and widgets text.
`customColor`	Use to customize widgets theme.
`customWidget`	Use to customize widgets.
`textInputDecoration`	Use for input textField decoration.
`imageHeight`	Preview image height.
`imageWidth`	Preview image width

Contributing

I welcome contributions from the open-source community to make this project even better. Whether you want to report a bug, suggest a new feature, or contribute code, I appreciate your help.

Bug Reports and Feature Requests

If you encounter a bug or have an idea for a new feature, please open an issue on my GitHub Issues page. I will review it and discuss the best approach to address it.

Code Contributions

If you'd like to contribute code to this project, please follow these steps:

Fork the repository to your GitHub account.
Clone your forked repository to your local machine.

git clone https://github.com/Kora3/flutter_images_editor.git

Included Packages

This package uses several Flutter packages to provide a seamless editing experience. Here's a list of the packages used in this project:

These packages play a crucial role in enabling various features and functionalities in this package.