FLUTTER ECOSYSTEM

chrisedg87/flutter_animated_check

Flutter用のアニメーション付きチェックアイコンウィジェットの実装

flutter_animated_check のプロジェクト画像
Stars
7
Forks
5
最終プッシュ(UTC)
2021/10/11
プロジェクト状態
公開中
Chris Edgington GitHub avatar
言語DartKotlinSwiftObjective-C

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

animated_check

pub package

AnimatedCheck is a Flutter package with a simple implementation of an animated checkmark icon.

https://github.com/chrisedg87/flutter_animated_check/raw/main/screenshots/animated_check.gif

Installation

Add this to your pubspec.yaml:

dependencies:
    animated_check: ^1.0.0

Usage

Import
import 'package:animated_check/animated_check.dart';
Simple Implementation
_controller = AnimationController(vsync: this, duration: const Duration(seconds: 1));

Animation _animation = Tween<double>(begin: 0, end: 1)
  .animate(CurvedAnimation(
    parent: _animationController,
    curve: Curves.easeInOutCirc)
  );

void _showCheck() {
  _controller.forward();
}

void _resetCheck() {
  _controller.reverse();
}

AnimatedCheck(
  progress: _animation,
  size: 200,
)

Contributions

All contributions are welcome!