搜索插件、代码仓与 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 项

源码仓库

使用此插件的项目

暂无相关数据。