checkmark 0.0.2+1 copy "checkmark: ^0.0.2+1" to clipboard
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.

24
likes
140
pub points
87%
popularity

Publisher

verified publisherelew.dev

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

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on checkmark