flutter_signature_pad 2.0.1

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

  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


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

[2.0.1] - 13/01/2020

  • draw point if users just touch screen without moving

[2.0.0+1] - 28/03/2019

  • fix crash when backgroundPainter is null

[2.0.0] - 22/03/2019

  • clean api
  • better readme
  • update example

[1.0.0] - 26/02/2019

  • fix getData signature to future as it was not compiling for flutter 1.2.1 anymore

[0.2.3] - 20/01/2019.

  • fix crash when onSign is not provided

[0.2.2] - 19/12/2018.

  • allow custom Global key

[0.1.2] - 29/10/2018.

  • add onSign callback field

[0.1.1] - 29/10/2018.

  • clip painter to not have overflow

[0.1.0] - 26/10/2018.

  • add background painter capabilities

[0.0.3] - 26/10/2018.

  • fix #1.

[0.0.1] - 05/07/2018.

  • Initial release.


example #

A new Flutter project.

Getting Started #

For help getting started with Flutter, view our online documentation.

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  flutter_signature_pad: ^2.0.1

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:flutter_signature_pad/flutter_signature_pad.dart';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Feb 21, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.7.1
  • pana: 0.13.5
  • Flutter: 1.12.13+hotfix.7

Health suggestions

Fix lib/flutter_signature_pad.dart. (-0.50 points)

Analysis of lib/flutter_signature_pad.dart reported 1 hint:

line 28 col 8: The value of the field '_lastSize' isn't used.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.1.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies