image_editor_dove

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個用於編輯影像的 Flutter 套件，提供裁切、塗鴉、套用馬賽克、加入文字、翻轉與旋轉等基本工具。專為希望直接在其應用程式中整合基礎但強大的影像編輯功能的開發者設計。支援 Android 與 iOS 平台，提供簡單直覺的 API 來完成常見的編輯任務。此套件為開源，託管於 GitHub，支援社群貢獻並確保透明度。非常適合需要在應用內進行照片自訂而無需依賴外部服務的應用。

適用情境

應用內照片編輯
社群媒體應用功能
使用者個人檔案圖片自訂
照片分享應用
內容創作工具

主要特色

裁剪圖片
使用塗鴉工具繪製
應用馬賽克效果
新增自訂文字
翻轉和旋轉圖像
跨平台支援

適合對象

行動應用程式開發者
社群媒體平台
照片編輯工具
使用者產生內容應用
需要輕量級圖像編輯的應用程式

使用建議

僅限基本編輯功能
無進階過濾器或效果
需要手動處理圖像儲存
依賴外部壓縮依賴項
未針對高解析度圖像進行優化

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

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

Support custom ui style.

drawing

rotate

mosaic

add or delete text

Getting Started

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

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:

<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{
    ...
}

搜尋套件、儲存庫與 APP 分類