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 );
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.
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:
dependencies: flutter_signature_pad: ^2.0.1
2. Install it
You can install packages from the command line:
$ 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:
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]
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
lib/flutter_signature_pad.dart. (-0.50 points)
lib/flutter_signature_pad.dart reported 1 hint:
line 28 col 8: The value of the field '_lastSize' isn't used.