A Flutter plugin to rotate, resize, move, delete text, photo or any other widget.

Overview

sticker_view

A Flutter plugin to rotate, resize, move, delete any text, image or any other widget.


Available Features

  Rotate
  Resize
  Move
  Layer Update (Change Stack position)
  Delete

🚀 Installation

This plugin is available on Pub: https://pub.dev/packages/sticker_view

Add this to dependencies in your app's pubspec.yaml

sticker_view : latest_version

🔖 Usage

Sample code to integrate can be found in example/lib/main.dart.

Integrate sticker_view

 StickerView(
            // List of Stickers
            stickerList: [
              Sticker(
                // You can give any widget as it's child
                child: Image.network(
                    "https://tinyurl.com/48ne4wj5"),
                // Must have unique id for every Sticker
                id: "uniqueId_111",
              ),
              Sticker(
                child: const Text("Hello"),
                id: "uniqueId_222",
                isText: true,
              ),
            ],
          ),

Save StickerView as Uint8List

  // Give the Image Quality (High, Medium, Low)
  await StickerView.saveAsUint8List(ImageQuality.high);

❤️ Found this project useful?

If you found this project useful, then please consider giving it a on Github and sharing it with your friends via social media.

=======


**** ## : 🪄 : Contributing, 😞 Issues and 🐛 Bug Reports >>>>>>> 8deb8d8fd1809d7a6a317c1ab8975edeb54d8d75 The project is open to public contribution. Please feel very free to contribute. Experienced an issue or want to report a bug? Please, [report it here](https://github.com/gopaldhola99/sticker_view/issues). Remember to be as descriptive as possible.
You might also like...

Rotate Dial Lock

Rotate Dial Lock

Rotary dial Locker Dependencies : How it works Most magic handle by GuesterDetector. onPanEnd onPanDown onPanUpdate SpringHouse, 1st we locate where u

Dec 21, 2022

An Instagram like text editor Flutter widget that helps you to change your text style.

An Instagram like text editor Flutter widget that helps you to change your text style.

TextEditor An instagram like text editor widget for flutter Show some ❤️ and star the repo to support the project Features Edit TextStyle object font

Dec 16, 2022

Grad text package - A Flutter Widget to draw gradients into text

Grad text package - A Flutter Widget to draw gradients into text

grad_text A Flutter Widget to draw gradients into text.(Null safe) Demo Install

Jan 31, 2022

Flutter Insert, Update, Delete and add form view dynamic

salesapp Insert, Update, Delete and form view add dynamic. Getting Started This project is a starting point for a Flutter application. A few resources

Dec 22, 2021

App movil desarrollada en Flutter con manejo de GET POST UPDATE DELETE ,,etc con Firebase

productos_app Requerimientos : tener instalado extension de dart y flutter Emulador de android o dispositivo fisico /IOS Emulador Ejecutar : flutter r

Dec 10, 2021

Flutter App - Add Firebase Crud Operation can Create Delete Update Read real time data

Flutter App - Add Firebase Crud Operation can Create Delete Update Read real time data

Firebase-Crud-Operation In This Flutter App I Will Add Firebase Crud Operation like you can Create Delete Update Read real time data. Sample Images Re

Nov 7, 2022

Flutter Image add drag sort, Image add drag sort, support click event, delete, add, long press drag sort.

Flutter Image add drag sort, Image add drag sort, support click event, delete, add, long press drag sort.

flutter_image_add_drag_sort Flutter Image add drag sort, Image add drag sort, support click event, delete, add, long press drag sort, support video fi

Jun 23, 2020

Flutter Project to delete CuriousCat tweets from your Twitter account!

CuriousCat Deleter App Flutter Project to delete CuriousCat tweets from your Twitter account! Table of Contents Contribute to This Project Repo Issues

Oct 26, 2022

Rest Api Crud funtion . Created, Update, Delete , Read

flutter_application_10 A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you s

Nov 30, 2022
Comments
  • Feedback & suggestions

    Feedback & suggestions

    Hi @gopaldhola99, really nice plugin. Great work! I've been having a play with it in my app and made a couple of tweaks in my own fork and got a few suggestions too:

    Minor tweaks:

    • I've added child parameter to the StickerView this seems pretty essential for likely the most common use case of this plugin being sticking an image
    • I got rid of ImageQuality enum and simply replaced it with a pixelRatio parameter. This again is pretty important so you can output images at necessary & exact sizes /
    • I standardised the UI code for _ResizePoint and _FloatingActionIcon
    • I've added an aspectRatio optional parameter to the Sticker
    • I've moved the _initialStickerScale in to the individual stickers

    Things I'd like to add:

    • Ability to have granular control over if a sticker can be moved, scaled, edited, deleted - this would work nicely for something like a watermark
    • A way of setting the initial position of stickers. Possibly updating their position programatically too as it is possible to move a sticker out of view, and then you have no way of getting back.
    • A way of reordering the Z value of the stickers programatically. So the app could have a layers UI
    • buttonStyle & primary color for retheming

    Feedback & discussion

    • I think it would be a huge improvement to be able to see the sticker outline & action buttons overflowing outside of the StickerView. Sometimes when placing images you will often need to position them in a place that hides the controls. I've had a play looking at OverflowBox but not had any success. Not sure if you have ideas for this?
    • Panning and zooming the whole StickerView would be nice, I had a very quick play with InteractiveViewer but didn't have any luck with it. This would really elevate the plugin and make it a very handy tool for precision stickering! ;)
    • Changing StickerView box size (eg: due to device orientation change) does not translate the stickers scale & position accordingly. Again something that would be a very worthwhile addition. Probably wouldn't be too much work
    • There a little issue when you start rotating a sticker, it seems to rotate really quickly at first. I had a little look at the code but couldn't wrap my head around the maths
    • Not sure why isText is required, if a Sticker is just a widget, and there are edit button callbacks, then leave the text edit UI etc to the app creator. Stickers can just be treated equally. Or perhaps a TextSticker class could exist which hold the String. Even in this case isText shouldn't be necessary

    I'm happy to send a pull request with any changes I make but I thought I should check that you are open for PRs atm. I know the plugin is in early stages and a few todo's dotted around the code so there is a good chance you have a plan for some of the above!

    Thanks, Jimmy

    opened by jimmyff 1
  • Callback mechanism

    Callback mechanism

    I can't select components through code, and I can't jump to the required page by clicking components

    I think can provide more callback methods to make this library better

    Forgive me for my poor English

    opened by 309791679 0
Owner
Gopal Dhola
Flutter❤️ Developer !!!
Gopal Dhola
Photo Finder - Online free simple photo library with flutter

photo_finder Photo_Finder Is a Online free simple photo library. Fully API Based

CPAD-Gazipur 2 Feb 9, 2022
Flutter plugin, support android/ios.Support crop, flip, rotate, color martix, mix image, add text. merge multi images.

image_editor The version of readme pub and github may be inconsistent, please refer to github. Use native(objc,kotlin) code to handle image data, it i

FlutterCandies 317 Jan 3, 2023
Receive sharing photos, videos, text, URLs, or any other file types from another app.

Receive Sharing Files To Flutter App Through Other Apps Receive sharing photos, videos, text, URLs, or any other file types from another app. Visit :

Jaimil Patel 21 Dec 25, 2022
A flutter list view which can drag & move item to change order.

draggable_flutter_list A flutter list view which can drag & move item to change order. some codes come from flutter_list_drag_and_drop fix flutter_lis

刘彦博 40 Sep 22, 2022
Flutter plugin for auto resize widgets to get then "responsives".

Responsive Widgets This plugin helps to create responsive widgets, that makes auto-size with the proportion between reference screen size (width, heig

Lucas Henrique Polazzo 45 Nov 3, 2022
Masked text field - A flutter package for masked text field for formet your text and good UI

Masked Text Field Masked Text Field Features A package for masked text field for

Alok Dubey 7 Sep 4, 2022
Text analyzer that extracts tokens from text for use in full-text search queries and indexes.

Tokenize text, compute document readbility and compare terms in Natural Language Processing. THIS PACKAGE IS PRE-RELEASE, and SUBJECT TO DAILY BREAKIN

GM Consult Pty Ltd 5 Dec 12, 2022
A Flutter plugin for sharing files & text with other applications.

esys_flutter_share A Flutter plugin for sharing files & text with other applications. IMPORTANT Note for iOS If you are starting a new fresh app, you

ESYS GmbH 134 Sep 28, 2022
A flutter package uses native implementations to resize an image

fast_image_resizer This package uses native implementations to resize an image.

Soeren Schoenbrod 0 Dec 20, 2021
FLUTTER API: Video Editor allows trim, crop, rotate and scale video with a super flexible UI Design

video_editor My other APIs Scroll Navigation Video Viewer Helpers Features Super flexible UI Design. Support actions: Crop Trim Scale Rotate Cover sel

Luis Felipe Murguia Ramos 214 Dec 26, 2022