Hand written text/signature canvas in Flutter apps

Vijay R
vijaycreations
Published in
2 min readMar 31, 2023

In this article we will discuss about how to create custom canvas for interacting with the screens in more natural way for writing down text data.

🛠️ Dependencies

🔭 Implementation

→ Add the above package in pubspec.yaml file and run the cmd flutter pub get

→ Make use of HandSignature widget, which we get as a result of the package installation.

HandSignature(
control: control,
color: Colors.blueGrey,
type: SignatureDrawType.arc,
),

→ the control parameter describes the HandSignatureControl including the threshold, smoothness, velocity etc., and is as follow.,

  final control = HandSignatureControl(
threshold: 3.0,
smoothRatio: 0.65,
velocityRange: 2.0,
);

Well that’s it. 🎉 Run the code to see it in action.🥳

Refer my video tutorial for complete guide:👉 https://www.youtube.com/@vijaycreationsflutter

Get the complete source code here:👉 https://github.com/vijayinyoutube/signature_app

Check out all my Flutter related blogs here.,👇

--

--

Vijay R
vijaycreations

Hai👋 I’m a flutter developer experienced in designing and developing stunning mobile apps. Reach out for freelance projects: calico.takeoff_01@icloud.com