flutter_simple_sticker_view

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

사용자가 이미지에 스티커를 쉽게 추가하고 조작할 수 있도록 해주는 플러터 플러그인입니다. 이미지 캔버스에서 인터랙티브한 스티커 배치, 크기 조정 및 회전을 지원합니다. 최종 이미지로 스티커를 내보낼 수 있어 소셜 미디어 콘텐츠 제작에 적합합니다. 이 패키지는 간단함과 성능을 고려하여 설계되어 개발자가 앱에 스티커 기능을 빠르게 통합할 수 있도록 합니다. 특히 시각적 표현이 중요한 사진 편집 도구나 메시징 앱에 유용합니다.

사용 사례

사용자가 업로드한 사진에 스티커 추가
공유 가능한 소셜 미디어 게시물 만들기
인터랙티브 사진 편집 기능 구축
스티커 지원을 갖춘 메시징 앱 설계
사용자 지정 이미지 템플릿 생성
스티커를 사용한 사용자 생성 콘텐츠 활성화

주요 기능

인터랙티브 스티커 배치
스티커 크기 조정 및 회전
스티커가 붙은 이미지 내보내기
Flutter와의 간단한 통합
다중 스티커 레이어 지원
경량이고 성능이 뛰어남

적합한 대상

사진 편집 애플리케이션
소셜 미디어 플랫폼
메시징 앱
콘텐츠 생성 도구
시각적 사용자 정의가 필요한 앱

고려 사항

기본 스티커 작업에 한정됨
내장 스티커 라이브러리 없음
이미지 내보내기의 수동 처리가 필요합니다
큰 스티커 컬렉션에 최적화되지 않음
스티커에 애니메이션 지원 없음
외부 이미지 처리에 의존함

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

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! 💃

패키지, 저장소 및 앱 카테고리 검색