easy_signature_pad 1.0.7 copy "easy_signature_pad: ^1.0.7" to clipboard
easy_signature_pad: ^1.0.7 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
150
points
130
downloads

Publisher

verified publishersujangainju.com.np

Weekly Downloads

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