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

套件詳情v1.0.0

flutter_simple_sticker_view

一個用於在圖像上附加貼紙的新Flutter外掛專案,依您想要的方式進行。附加的圖像也可以匯出。

近 30 天下載
25
喜歡數
38
Pub 分數
40

安裝套件

flutter pub add flutter_simple_sticker_view

套件介紹

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

一個 Flutter 插件,讓使用者能輕鬆地在影像上新增與操控貼紙。它支援在影像畫布上直接進行互動式貼紙置放、縮放與旋轉。貼紙可匯出為最終影像,非常適合用於社群媒體內容創作。此套件設計簡潔且效能優異,讓開發者能快速將貼紙功能整合至應用程式中。對於重視視覺表達的圖片編輯工具或即時通訊應用尤為實用。

適用情境

  • 向使用者上傳的照片添加貼紙
  • 建立可分享的社群媒體貼文
  • 建構互動式照片編輯功能
  • 設計支援貼圖的消息應用
  • 產生自訂圖像範本
  • 透過貼紙啟用使用者產生的內容

主要特色

  • 互動貼紙放置
  • 貼紙縮放和旋轉
  • 貼紙圖片的匯出
  • 與 Flutter 的簡單整合
  • 支援多個貼紙圖層
  • 輕量且高效

適合對象

  • 照片編輯應用
  • 社交媒體平台
  • 訊息應用
  • 內容創作工具
  • 需要視覺自定義的應用程式

使用建議

  • 僅限基本貼紙操作
  • 無內建貼紙圖庫
  • 需要手動處理圖像匯出
  • 未針對大型貼紙收藏進行優化
  • 貼紙不支援動畫
  • 依賴外部圖像處理

原始 README

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

flutter_simple_sticker_view

Flutter plugin for attach stickers on image, as you want. scalable, movable. attached image can also be export.

Getting Started

Add flutter_simple_sticker_view as a dependency in your pubspec.yaml file.

Check out the example directory for a sample app.

Usage

Import the library via

import 'package:flutter_simple_sticker_view/flutter_simple_sticker_view.dart';
Example
FlutterSimpleStickerView(
    Container(
      child: Center(child: Text("Hello, World!")),
    ),
    [
      Image.asset("assets/icons8-super-mario-50.png"),
      Image.asset("assets/icons8-superman-50.png"),
      Image.asset("assets/icons8-captain-america-50.png"),
      Image.asset("assets/icons8-avengers-50.png"),
      Image.asset("assets/icons8-iron-man-50.png"),
      Image.asset("assets/icons8-batman-50.png"),
      Image.asset("assets/icons8-thor-50.png"),
      Image.asset("assets/icons8-venom-head-50.png"),
      Image.asset("assets/icons8-homer-simpson-50.png"),
      Image.asset("assets/icons8-spider-man-head-50.png"),
      Image.asset("assets/icons8-harry-potter-50.png"),
      Image.asset("assets/icons8-genie-lamp-50.png"),
      Image.asset("assets/icons8-cyborg-50.png"),
      Image.asset("assets/icons8-one-ring-50.png"),
      Image.network("https://img.icons8.com/emoji/2x/wolf-emoji.png"),
      Image.network("https://img.icons8.com/emoji/2x/tiger-emoji.png"),
    ],
  )
Export Image
var _stickerView = FlutterSimpleStickerView(...);

Uint8List image = await _stickerView.exportImage();

See the example :)


Required paramsters
  • source: The screen to attach the sticker.
  • stickerList : List of sticker.
Optional parameters
  • stickerSize: default sticker size. width/height. (default is 100.0)

  • stickerMaxScale: maximum scale of sticker. (default is 2.0)

  • stickerMinScale: minimum scalof of sticker (default is 0.5)

  • panelHeight: sticker panel height. (default is 200)

  • panelBackgroundColor: background color of sticker panel.

  • panelStickerBackgroundColor: background color of sticker in panel.

  • panelStickercrossAxisCount: axis count of sticker (default is 4)

  • panelStickerAspectRatio: ratio of sticker in sticker panel. (default is 1.0)

  • devicePixelRatio: device pixel ratio for exporting image. (eg. MediaQuery.of(context).devicePixelRatio)

enjoy! 💃

所屬分類

依賴

依賴清單 1 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。