animated_flutter_widgets

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein vielseitiges Flutter-Paket, das Entwicklern ermöglicht, einfach fesselnde Animationen zu jedem Widget hinzuzufügen. Es bietet eine Sammlung vordefinierter animierter Widgets und vereinfacht so den Prozess der Verbesserung von Benutzeroberflächen-Interaktivität und visuellem Reiz. Mit Unterstützung für alle wichtigen Plattformen ist es ideal, um ansprechende Nutzererfahrungen zu schaffen, ohne umfangreiche benutzerdefinierte Animationscode zu schreiben. Das Paket ist gut dokumentiert und lässt sich nahtlos in bestehende Projekte integrieren.

Anwendungsfälle

Dynamische Benutzeroberflächenelemente erstellen
Verbesserung von App-Onboarding-Bildschirmen
Micro-Interaktionen zu Schaltflächen hinzufügen
Listenelemente animieren
Verbesserung der Benutzerengagement durch visuelle Rückmeldung

Hauptmerkmale

vorgefertigte animierte Widgets
Einfache Integration in bestehende Benutzeroberflächen
Plattformübergreifende Unterstützung
Minimale Boilerplate-Code
Glatte Leistung
Anpassbare Animationsparameter

Geeignet für

UI-Designer, die visuellen Glanz suchen
Entwickler interaktiver Apps
Startups, die sich auf ein glattes UX konzentrieren
Bildungsapps mit ansprechenden Inhalten
Apps, die subtile aber effektive Animationen erfordern

Hinweise

Kann die Bundle-Größe leicht erhöhen
Grundlegendes Verständnis von Animationskonzepten erforderlich
Leistungseinfluss auf Geräten mit geringer Leistungsfähigkeit
Begrenzte Anpassungsmöglichkeiten für fortgeschrittene Effekte
Nicht geeignet für hochkomplexe Animationssequenzen

Original-README

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

Introduction

Elevate your Flutter app's user interface to a whole new level with animated_flutter_widgets. This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a collection of pre-designed animated widgets for accelerated development.

Supported platforms

Android
iOS
Web
MacOS
Windows
Linux

Features

* Steady Animations

* Continuous Animations

* Page Transition Animations

* Button Tap Animations

* Animated ListViews

* Animated GridViews

* Animated AppBars

Usage

/// Check example project to explore other animations as well
/// To use these animations(Steady, Continuous & Tap Animations) wrap your widget inside the animation widgets
SlideInAnimation(
 direction: Direction.right,
 duration: const Duration(seconds: 1),
 child: YourWidget()
);

Cube3DAnimation(
 sideLength: 100,
 duration: const Duration(seconds: 4),
 isContinuous: true,
 child: YourWidget()
);

LongTapAnimation(
// pressDuration: Duration(seconds: 0),
 child: YourWidget()
);

/// To use Animated ListView & GridView
AnimatedListViewBuilder(
 itemCount: 25, // Change this to your desired item count
 customColor: ColorUtility.magenta, // Use this if you are using CollectionAnimationType.listColored
 animationType: CollectionAnimationType.leftScale, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

AnimatedGridViewBuilder(
 itemCount: 25, // Change this to your desired item count
 animationType: CollectionAnimationType.scaleOut, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

/// To use Animated AppBar
SlideInAnimatedAppBar(
 backgroundColor: ColorUtility.magenta,
 animationDuration: 1000,
 title: const Text('Second Page'),
)

/// To use Page Transition Animations
Navigator.push(context,PopAndScaleTransition(page: YourPage()));

Example

Check out the example

License

MIT License

Issues and feedback

If you have any suggestions for including a feature or if something doesn't work, feel free to open a Github issue or to open a pull request, you are more than welcome to contribute!

Contributor

Sachin Pandit (ZingWorks LLP)

Pakete, Repositories und App-Kategorien suchen

Paket installieren