Scratch Card in Flutter

Vijay R
vijaycreations
Published in
2 min readAug 16, 2020

This article guides you with the development of scratch card feature in Flutter app.

We have created a scratch card that would resemble the scratch card being used in the Gpay app.

Video Tutorial

Dependencies

scratcher: "^1.4.0"

Implementation

The development process is very easy and it is made possible by using the Scratcher Widget available in Flutter.

The basic idea behind the Scratcher widget is that, this widget will wrap over any other widget (i.e., we can cover any flutter widget by Scratcher widget by either covering it using a fixed color or by using a custom image.)

The Scratcher Widget takes a list of parameters which can be configured based on user’s choice, below are a few set of parameters that we have made use of to develop the scratch card feature as shown above.

The child for the Scratcher widget can be any flutter widget of your choice.
The entire Scratcher widget in our case would be like.,

That’s is, We have now successfully completed developing the scratch card app🥳.

👩‍💻Get the complete Source Code👉: https://github.com/vijayinyoutube/scratcherapp

--

--

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