All Projects → kiwi-bop → flutter_signature_pad

kiwi-bop / flutter_signature_pad

Licence: other
📦 Flutter widget to allow users to sign with finger and export the result as image data.

Programming Languages

dart
5743 projects
swift
15916 projects
kotlin
9241 projects
objective c
16641 projects - #2 most used programming language

Projects that are alternatives of or similar to flutter signature pad

sounds
Flutter plugin for sound. Audio recorder and player.
Stars: ✭ 74 (-22.11%)
Mutual labels:  widget
phosphor-float-area
✊ Draggable ⚓ Dockable ↔️ Resizable ⛵ Floating 📑 Tabbed HTML5 dialogs! 🎉
Stars: ✭ 72 (-24.21%)
Mutual labels:  widget
popover
Popover for Flutter. A popover is a transient view that appears above other content onscreen when you tap a control or in an area.
Stars: ✭ 90 (-5.26%)
Mutual labels:  widget
instagram-text-editor
An Instagram like text editor Flutter widget that helps you to change your text style.
Stars: ✭ 66 (-30.53%)
Mutual labels:  widget
react-native-create-widget-tutorial
This is a tutorial for "React Native: How to create a home screen Widget for iOS and Android"
Stars: ✭ 67 (-29.47%)
Mutual labels:  widget
qtwidgetvirtualkeyboard
Qt Widget Virtual Keyboard
Stars: ✭ 19 (-80%)
Mutual labels:  widget
responsible-ai-toolbox
This project provides responsible AI user interfaces for Fairlearn, interpret-community, and Error Analysis, as well as foundational building blocks that they rely on.
Stars: ✭ 615 (+547.37%)
Mutual labels:  widget
widgets
🚀 Dojo - UI widgets.
Stars: ✭ 82 (-13.68%)
Mutual labels:  widget
ngx-widget-grid
Angular 2.x or in general ng-x module for dashboards
Stars: ✭ 65 (-31.58%)
Mutual labels:  widget
CombineView
View that combines multiple images
Stars: ✭ 27 (-71.58%)
Mutual labels:  widget
ViewPagers
When using the ViewPager widget it is not always obvious to the user that there are adjacent views they can navigate to. By implementing this widget you provide a clear indicator that there exists additional content which they can click or swipe to see.
Stars: ✭ 43 (-54.74%)
Mutual labels:  widget
Textylic
A note taking app developed for the 22nd century
Stars: ✭ 34 (-64.21%)
Mutual labels:  widget
react-color
🎨 Is a tiny color picker widget component for React apps.
Stars: ✭ 50 (-47.37%)
Mutual labels:  widget
yii2-content-tools
ContentTools editor implementation for Yii 2
Stars: ✭ 79 (-16.84%)
Mutual labels:  widget
django-tabular-permissions
Display Django permissions in a HTML table that is translatable and easily customized.
Stars: ✭ 60 (-36.84%)
Mutual labels:  widget
scriptable-widgets
A small collection of my Scriptable iOS widgets.
Stars: ✭ 35 (-63.16%)
Mutual labels:  widget
yii2-datetime-widgets
Datetime widgets for Yii2
Stars: ✭ 22 (-76.84%)
Mutual labels:  widget
wp-parsidate
Integrates the Solar Hijri (Persian) calendar in WordPress
Stars: ✭ 36 (-62.11%)
Mutual labels:  widget
cl-bootstrap
Common Lisp web development widget library for Twitter's Bootstrap
Stars: ✭ 16 (-83.16%)
Mutual labels:  widget
UT Framework
Various advanced tools built for Unreal Engine 4
Stars: ✭ 45 (-52.63%)
Mutual labels:  widget

Flutter signature pad widget

Flutter widget to allow users to sign with finger and export the result as image.

Getting Started with the widget

This is a very simple widget that allow drawing by finger on a widget and be able to get the image back.

For very basic usage, please check the example file here

Signature(
  color: Colors.black,// Color of the drawing path
  strokeWidth: 5.0, // with 
  backgroundPainter: null, // Additional custom painter to draw stuff like watermark 
  onSign: null, // Callback called on user pan drawing
  key: null, // key that allow you to provide a GlobalKey that'll let you retrieve the image once user has signed
);

API

Once you retrieved the SignatureState from your GlobalKey, you'll have access to this API:

clear: allow you to clear the area to start again

getData: allow you to retrieve the image

hasPoints: to know if user has sign or not

points: to retrieve the list of points of the signature

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].