https://github.com/davigmacode/flutter_animated_checkmark

Easy way to displaying, animating, and styling checkmark icon.
https://github.com/davigmacode/flutter_animated_checkmark

animated checkmark flutter package widgetarian

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/davigmacode/flutter_animated_checkmark
• Owner: davigmacode
• License: bsd-3-clause
• Created: 2022-10-07T07:46:40.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-07T13:31:11.000Z (5 months ago)
• Last Synced: 2024-08-08T10:12:27.051Z (5 months ago)
• Topics: animated, checkmark, flutter, package, widgetarian
• Language: Dart
• Homepage: https://pub.dev/packages/animated_checkmark
• Size: 7.5 MB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Pub Version](https://img.shields.io/pub/v/animated_checkmark)](https://pub.dev/packages/animated_checkmark) ![GitHub](https://img.shields.io/github/license/davigmacode/flutter_animated_checkmark) [![GitHub](https://badgen.net/badge/icon/buymeacoffee?icon=buymeacoffee&color=yellow&label)](https://www.buymeacoffee.com/davigmacode) [![GitHub](https://badgen.net/badge/icon/ko-fi?icon=kofi&color=red&label)](https://ko-fi.com/davigmacode)

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

## Preview

[![Preview](https://github.com/davigmacode/flutter_animated_checkmark/raw/main/media/preview.gif)](https://davigmacode.github.io/flutter_animated_checkmark)

[Demo](https://davigmacode.github.io/flutter_animated_checkmark)

## 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](https://pub.dev/packages/animated_checkmark#-example-tab-).

To read more about classes and other references used by `animated_checkmark`, see the [API Reference](https://pub.dev/documentation/animated_checkmark/latest/).

```dart

// animate by value flag

Checkmark(

  checked: true,

  indeterminate: false,

  size: 12,

  color: Colors.blue,

  drawCross: true,

  drawDash: false,

);

// animate by progress value [-1.0 to 1.0]

RawCheckmark(

  progress: 0.5,

  weight: 2,

  size: 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.