套件詳情v1.0.5

animated_check

一個用於 Flutter 的簡單動畫勾選圖示小部件

AndroidiOSWebmacOSWindowsLinux

pub.dev API 文件原始碼

近 30 天下載: 6130
喜歡數: 32
Pub 分數: 150

安裝套件

flutter pub add animated_check

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個輕量級的Flutter套件，提供一個動畫勾號圖示元件，非常適合用於表單或確認狀態的視覺反饋。勾號會從隱藏狀態平滑地動畫顯示為完全可見的勾號，透過細微的動作提升使用者體驗。設計時著重於簡潔與效能，能無縫整合至現有的UI中，不會增加額外複雜度。動畫可透過持續時間和大小等屬性進行自訂，使其適應各種設計需求。支援所有主要平台，包含行動裝置、網頁與桌面。

適用情境

表單驗證反饋
確認指示器
載入狀態轉換
互動式按鈕狀態
引導進度標記

主要特色

平滑的動畫復選框切換
可自訂大小和持續時間
最小化樣板程式碼
跨平台相容性
簡單的 API，設定選項很少

適合對象

簡單的UI反饋系統
行動與Web應用程式
尋求細膩動畫效果的設計師
希望快速實現的開發者
動畫依賴最少的專案

使用建議

僅限檢查圖示
不支援反向動畫
不適合複雜的動畫
依賴於 Flutter 的動畫框架
除了基本樣式外，沒有內建的顏色自訂選項

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

animated_check

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

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,
)