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

GitHub 저장소myriky/flutter_simple_sticker_view

flutter_simple_sticker_view

이미지에 스티커를 첨부할 수 있는 Flutter 플러그인입니다. 원하는 대로 확대/축소 및 이동 가능하며, 첨부된 이미지를 내보낼 수도 있습니다.

flutter_simple_sticker_view 프로젝트 이미지
스타
19
포크
20
최근 푸시(UTC)
2021. 8. 7.
프로젝트 상태
활성

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

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

Chul-won Kim GitHub avatar
GitHub 작성자

Chul-won Kim ↗

freelancer 👨‍💻

가내수공업Vancouver, BC공식 웹사이트 ↗
언어DartRubyKotlinSwiftObjective-C

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 3 개

  • flutter{"sdk":"flutter"}
  • vector_math^2.0.8
  • flutter_test개발 의존성{"sdk":"flutter"}

프로젝트에 맞는 저장소를 선택하려면?

사용 목적에 따라 검색하고 개발 활동을 비교한 뒤 원본 저장소에서 요구 사항을 확인하세요.

  1. 이름, 작성자 또는 설명으로 검색하고 기술 주제로 범위를 좁힙니다.
  2. 스타, 포크, 최근 푸시를 함께 비교하세요. 스타는 관심의 지표이며 품질을 보장하지 않습니다.
  3. 사용하기 전에 GitHub에서 README, 라이선스, Issues를 확인하세요.

출처 및 관리

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗