animation_wrappers

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Animation Wrappers ist ein Flutter-Paket, das eine Sammlung von Widget-Wrappern bereitstellt, um einfach Animationen für jedes Kind-Widget hinzuzufügen. Durch einfaches Umhüllen eines Widgets mit einem der bereitgestellten Animationswrappern können Entwickler reibungslose Eingangseffekte, Übergänge und visuelle Verbesserungen anwenden, ohne benutzerdefinierten Animationscode schreiben zu müssen. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist daher ideal für plattformübergreifende Apps, die ansprechende UI-Interaktionen suchen. Es ist leichtgewichtig und auf Einfachheit ausgelegt, wobei der Fokus auf schneller Integration und konsistenten Ergebnissen liegt.

Anwendungsfälle

Eingangsanimationen zu UI-Elementen hinzufügen
Subtile Hover- oder Berührungseffekte erstellen
Verbesserung von Listenartikelübergängen
Verbesserung von Onboarding-Bildschirmen
Animation statischer Inhalte in Dashboards
Wiederholte Animationslogik vereinfachen

Hauptmerkmale

Einfach zu verwendende Wrapper-Widgets
Unterstützt mehrere Animationsarten
Plattformübergreifende Kompatibilität
Minimale Boilerplate-Anforderung
Leichtgewichtig und leistungsstark
Keine komplizierte AnimationController-Einrichtung erforderlich

Geeignet für

Anfänger-Flutter-Entwickler
UI/UX-Designer, die Animationen implementieren
Projekte, die eine schnelle Animationsintegration erfordern
Apps mit dynamischen Inhaltslayouts
Entwickler, die sich auf die Verbesserung der Benutzererfahrung konzentrieren

Hinweise

Eingeschränkte Anpassungsmöglichkeiten im Vergleich zu manuellen Animationen
Unterstützt möglicherweise keine fortgeschrittenen Animationssequenzen
Am besten geeignet für einfache, häufige Animationsmuster
Nicht ideal für sehr komplexe oder einzigartige Animationen
Abhängig von Paketaktualisierungen für neue Funktionen

Original-README

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

Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.

Getting Started

To use this package, add animation_wrappers as a dependency in your pubspec.yaml file.

:star_struck: :heart_eyes: Major Update :heart_eyes: :star_struck:

See example for all animation wrappers

Add dependency

dependencies:
  animation_wrappers: ^3.0.2

Import

import 'package:animation_wrappers/animation_wrappers.dart';

Usage: FadedScaleAnimation

FadedScaleAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: FadedSlideAnimation

FadedSlideAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
    beginOffset: Offset(0.5, 2),
    endOffset: Offset(0.5, 1),
),

Usage: FadeAnimation

FadeAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: ScaleAnimation

ScaleAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Many more animation wrappers will be added soon..!

Made with :heart: by Jagrit

Pakete, Repositories und App-Kategorien suchen