images_editor 0.0.3 images_editor: ^0.0.3 copied to clipboard
Images Editor allow you to edit multiple images on same frame
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 run
dart 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.