flutter_signature_view 1.1.1

  • Readme
  • Changelog
  • Example
  • Installing
  • 80

Signature Widget library #

Signature widget library

pub package



You should add the following to your pubspec.yaml file:

   flutter_signature_view: ^1.1.1

Note: If you're using the Flutter master channel, if you encounter build issues, or want to try the latest and greatest then you should use the master branch and not a specific release version. To do so, use the following configuration in your pubspec.yaml:

      url: git://github.com:kzjn10/Flutter_SignatureWidget.git

After adding the dependency to your pubspec.yaml you can run: flutter packages get or update your packages using your IDE.


Simple init SignatureView

  SignatureView _signatureView = SignatureView();

Init with optional params

   SignatureView _signatureView = SignatureView(  
      backgroundColor: Colors.yellow,  
      penStyle: Paint()  
        ..color = Colors.blue  
      ..strokeCap = StrokeCap.round  
      ..strokeWidth = 5.0,  
      onSigned: (data) {  
        print("On change $data");  


  • backgroundColor - Color. Canvas background color
  • data - String. Init your signature view with default data (it will generate after your signed from callback function onSigned
  • penStyle - Paint. Custom your Paint style
  • onSigned - Function(String). Response list offset as String value. You can use it for data to render default signature view

Access data

  • Get list offset as string value _signatureView.exportListOffsetToString()
  • Get data as Bytes _signatureView.exportBytes() -> async function
  • Get base64 String _signatureView.exportBase64Image() -> async function
  • Check empty _signatureView.isEmpty
  • Clear current signature _signatureView.clear()


[1.1.1] #

  • Support export to base64 String

[1.1.0] #

  • (Fix bug) Can not draw vertical when put widget inside scrollview.

[1.0.1] - Add analysis #

  • Add analysis

[1.0.0] - Official release #

  • Official release plugin. Have fun.

[0.0.3] - First release #

  • Update docs to get more scores

[0.0.2] - First release #

  • Update plugin information

[0.0.1] - First release #

  • Public release Signature widget


Signature Widget library #

You can checkout project then run it or read tab Readme.

Have fun.

Use this package as a library

1. Depend on it

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

  flutter_signature_view: ^1.1.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_view/flutter_signature_view.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 Apr 7, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.7.1
  • pana: 0.13.6
  • Flutter: 1.12.13+hotfix.8

Health suggestions

Format lib/src/signature_view.dart.

Run flutter format to format lib/src/signature_view.dart.


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