easy_signature_pad 1.0.6 copy "easy_signature_pad: ^1.0.6" to clipboard
easy_signature_pad: ^1.0.6 copied to clipboard

Provides the signature area for the user to sign and returns the signature and Base64 image.

Easy Signature Pad #

Easy Signature Pad is the flutter plugin that allows users to draw on the canvas and get the signature as Base64 image.

Preview #

Preview

Features #

  • set canvas boundaries.
  • set drawing pen color, pen size, canvas border radius.
  • set callback function to the signature

Example #

import 'package:easy_signature_pad/easy_signature_pad.dart';

// initialise the variable to store signature image
Uint8List signatureBytes;

// Use the SignaturePad Widget
EasySignaturePad(
  onChanged: (image) {
    setImage(image);
  },
  height: size.width ~/ 2,
  width: size.width ~/ 1.5,
  penColor: Colors.black,
  strokeWidth: 1.0,
  borderRadius: 10.0,
  borderColor: Colors.white,
  backgroundColor: Colors.white,
  transparentImage: false,
  transparentSignaturePad: false,
  hideClearSignatureIcon: false,
),


// process the base64 image 
void setImage(String bytes) async {
    if (bytes.isNotEmpty) {
      Uint8List convertedBytes = base64Decode(bytes);
      setState(() {
        signatureBytes = convertedBytes;
      });
    } else {
      setState(() {
        signatureBytes = null;
      });
    }
  }

Contribution and support #

  • If you want to contribute to the code, please create a pull request.
  • If you find any bug, please create an issue.
32
likes
130
pub points
77%
popularity

Publisher

verified publishersujangainju.com.np

Provides the signature area for the user to sign and returns the signature and Base64 image.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on easy_signature_pad