scratcher

Scratch card widget which temporarily hides content from user.

Features

• Android and iOS support
• Cover content with full color or custom image
• Track the scratch progress and threshold
• Fully configurable

Getting started

1. First thing you need to do is adding the scratcher as a project dependency in pubspec.yaml:

dependencies:
 scratcher: "^1.6.0"

2. Now you can install it by running flutter pub get or through code editor.

Setting up

1. Import the library:

import 'package:scratcher/scratcher.dart';

2. Cover desired widget with the scratch card:

Scratcher(
  brushSize: 30,
  threshold: 50,
  color: Colors.red,
  onChange: (value) => print("Scratch progress: $value%"),
  onThreshold: () => print("Threshold reached, you won!"),
  child: Container(
    height: 300,
    width: 300,
    color: Colors.blue,
  ),
)

Properties

Programmatic access

You can control the Scratcher programmatically by assigning the GlobalKey to the widget.

final scratchKey = GlobalKey<ScratcherState>();

Scratcher(
  key: scratchKey,
  // remaining properties
)

After assigning the key, you can call any exposed methods e.g.:

RaisedButton(
  child: const Text('Reset'),
  onPressed: () {
    scratchKey.currentState.reset(duration: Duration(milliseconds: 2000));
  },
);

Example Project

There is a crazy example project in the example folder. Check it out to see most of the available options.

Resources

• https://www.youtube.com/watch?v=EM4D1pUpadA by The CS Guy