Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von animated_check
Paketdetailsv1.0.5

animated_check

Ein einfaches animiertes Häkchen-Symbol-Widget für Flutter

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
6130
Likes
32
Pub-Punkte
150

Paket installieren

flutter pub add animated_check

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein leichtgewichtiges Flutter-Paket, das ein animiertes Häkchen-Symbolwidget bereitstellt, ideal für visuelle Rückmeldung in Formularen oder Bestätigungsstatus. Das Häkchen animiert sich reibungslos von einem ausgeblendeten Zustand zu einem vollständig sichtbaren Häkchen und verbessert die Benutzererfahrung durch subtile Bewegungen. Mit Fokus auf Einfachheit und Leistung entwickelt, integriert es sich nahtlos in bestehende Benutzeroberflächen ohne zusätzliche Komplexität. Die Animation ist über Eigenschaften wie Dauer und Größe anpassbar, wodurch sie sich an verschiedene Gestaltungsanforderungen anpassen lässt. Es unterstützt alle wichtigen Plattformen, einschließlich Mobilgeräte, Web und Desktop.

Anwendungsfälle

  • Formularvalidierungsfeedback
  • Bestätigungsindikatoren
  • Ladezustandsübergänge
  • Interaktive Button-Zustände
  • Onboarding-Fortschrittsindikatoren

Hauptmerkmale

  • Glatte animierte Übertragung der Prüfung
  • Anpassbare Größe und Dauer
  • Minimales Boilerplate
  • Plattformübergreifende Kompatibilität
  • Einfache API mit wenigen Konfigurationsoptionen

Geeignet für

  • Einfache Benutzeroberflächenrückmeldesysteme
  • Mobile- und Webanwendungen
  • Designer, die subtile Animationen suchen
  • Entwickler, die eine schnelle Implementierung wünschen
  • Projekte mit minimalen Animationsabhängigkeiten

Hinweise

  • Beschränkt auf Prüfzeichen nur
  • Keine Unterstützung für Rückwärtsanimation
  • Nicht geeignet für komplexe Animationen
  • Abhängig vom Animationssystem von Flutter
  • Keine integrierte Farbgestaltung über die grundlegende Formatierung hinaus

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

animated_check

pub package

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

Contributions

All contributions are welcome!

Kategorien

Textdekoration, Effekt und Animation

Quell-Repository

Projekte, die dieses Paket verwenden