Easy way to displaying, animating, and styling checkmark icon.

Preview

Demo

Features

• Animated check/uncheck/undetermined by boolean value or double value.
• Animated color, weight, and size.
• Rounded or sharpen line style.
• Optionally draw cross for falsy value.
• Optionally undraw dash for undetermined value.

Usage

For a complete usage, please see the example.

To read more about classes and other references used by animated_checkmark, see the API Reference.

// animate by value flag
AnimatedCheckmark(
  value: true,
  size: 12,
  color: Colors.blue,
  drawCross: true,
  drawDash: false,
);

// animate by progress value [-1.0 to 1.0]
Checkmark(
  progress: 0.5,
  weight: 2,
  size: const Size.square(12),
  color: Colors.blue,
  rounded: true,
);

Sponsoring

If this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.