checkmark 0.0.2+1 icon indicating copy to clipboard operation
checkmark: ^0.0.2+1 copied to clipboard

Animated check mark. Customise colors, curves, duration, and more.

An animated check mark widget. It automatically animates when you toggle it on/off. It can also be styled.

Appearance #

Parameters #

class CheckMark extends ImplicitlyAnimatedWidget {
  const CheckMark({
    Key? key,
    Duration duration = const Duration(milliseconds: 300),
    Curve curve = Curves.linear,
    VoidCallback? onEnd,
    this.active = false,
    this.activeColor = const Color(0xff4fffad),
    this.inactiveColor = const Color(0xffe3e8ed),
    this.strokeWidth = 5,
    this.strokeJoin = StrokeJoin.round,
    this.strokeCap = StrokeCap.round,
  })
}

Usage #

Check the /example folder for an example of the above functionality.

Minimal example:

SizedBox(
  height: 50,
  width: 50,
  child: CheckMark(
    active: checked,
    curve: Curves.decelerate,
    duration: const Duration(milliseconds: 500),
  ),
),

Additional information #

If you find any problems, please file an issue if one doesn't already exist.

21
likes
140
pub points
79%
popularity

Publisher

verified publisher iconelew.dev

Animated check mark. Customise colors, curves, duration, and more.

Repository (GitHub)

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on checkmark