Top Flutter-Animations- und Übergangspakete Animationen (oder Übergänge) sind der Prozess der Erzeugung einer Illusion von Bewegung von Bildern, Widgets, Routen usw. Durch eine kluge Verwendung von Animationen kann jede Flutter-App im Vergleich zu einer statischen Version lebendiger, angenehmer und eleganter aussehen. Das Verknüpfen von Animationen mit taktilen Rückmeldungen führt zu einer greifbareren und realistischeren Benutzererfahrung, was wiederum die kognitive Belastung für den Benutzer verringert. Nachdem ein Benutzer eine bestimmte Aktion durchgeführt hat und vom Gerät eine "Bewegungs- oder Live-Rückmeldung" erhält, merkt sich das Gehirn alle Schritte schneller, und die Lernkurve für den Benutzer wird gesenkt. Flutter bietet eine umfangreiche integrierte Unterstützung für Animationen und Übergänge, aber es gibt mehrere Pakete, die Ihnen das Hinzufügen schnellerer, komplexerer und individueller angepasster Animationen für Ihre App erleichtern können. Es gibt auch Pakete, mit denen Sie auf effiziente Animationdateiformate der neuen Generation wie Lottie und Rive zugreifen können. Sie können die vollständige Liste der Flutter-Animations- und Übergangspakete unten überprüfen.
animations
6022
Fancy vorgefertigte Animationen, die leicht in jede Flutter-Anwendung integriert werden können.
animate_do
4302
Schöne Animationen, inspiriert von Animate.css, jede Animation ist ein anpassbares Widget.
lottie
3806
Rendern von After Effects-Animationen nativ auf Flutter. Dieses Paket ist eine reine Dart-Implementierung eines Lottie-Players.
flutter_staggered_animations
1960
Fügen Sie Ihrem ListView, GridView, Column und Row Kindern einfach Staffelungsanimationen hinzu, wie sie in den Material Design-Richtlinien dargestellt sind.
simple_animations
1919
Leistungsstarkes Paket zum Erstellen von schönen benutzerdefinierten Animationen in kürzester Zeit.
page_transition
1332
Flutter Page Transition Package, das für den Übergang zur zweiten Seite verwendet wird.
auto_animated
1220
Widgets, die automatisch eine Animationswiedergabe starten, wenn sie eingebunden werden. Es ist bereits möglich, die Liste und Symbole zu animieren.
dismissible_page
577
Ein Flutter-Widget, mit dem Seiten in beliebige Richtungen verworfen werden können. Vergessen Sie langweilige Zurück-Schaltflächen und einfache Übergänge.
animated_flip_counter
462
Ein implizites Animations-Widget, das von einer Zahl zur anderen umschaltet und dabei benutzerdefinierte Stile, Dezimalstellen und negative Werte unterstützt.
delayed_display
441
Ein Widget, das Ihnen ermöglicht, nach einer Verzögerung ein Kind-Widget anzuzeigen und dabei eine schöne Fading- und Sliding-Animation zu verwenden.
flutter_animator
324
Erstellen Sie Animationen mit weniger Code auf eine verkettete Weise. Mit diesem Paket können Sie mehrere Animationen basierend auf Prozenten der Dauer kombinieren und verketten.
entry
279
Lassen Sie Ihre Widgets lebendig werden - Entry ermöglicht es Ihnen, ein Widget einfach in einen sichtbaren Zustand zu animieren. Ein Widget, um die Deckkraft, Skalierung, Position und den Winkel zu animieren.
drawing_animation
263
Eine nur mit Dart erstellte Bibliothek zum schrittweisen Zeichnen von SVG-Pfadobjekten auf Leinwand (Zeichenanimations-Linie).
circular_reveal_animation
244
Circular Reveal Animation als Flutter-Widget! Inspiriert von Androids ViewAnimationUtils.createCircularReveal(...).
add_to_cart_animation
241
Ein Flutter-Plugin, das Ihnen eine Animation zum Hinzufügen zum Warenkorb bietet.
animator
241
Eine Flutter-Bibliothek, die Animationen erleichtert. Sie ermöglicht die Trennung der Animationskonfiguration von der Benutzeroberfläche.
spring
236
Ein einfaches und leistungsfähiges vorgefertigtes Animationskit für die schnellere und einfachere Entwicklung von Apps.
flutter_sequence_animation
232
Kombinieren Sie jede Animation mit diesem robusten und einfach zu verwendenden Paket.
sprung
231
Federkurven für Flutter-Animationen. Basierend auf echten Physikgleichungen mit drei Dämpfungskurven.
funvas
226
Paket zur Erstellung von Canvas-Animationen basierend auf Zeit- und mathematischen Funktionen. Fun + Leinwand = Funvas
local_hero
219
Ein Widget, das implizit eine Hero-Animation startet, wenn sich seine Position innerhalb der gleichen Route ändert.
motion
198
Ein schickes Widget, das einen Bewegungseffekt auf Grundlage eines Gyroskops oder einer Berührung auf sein Kind anwendet.
widget_circular_animator
177
Ein fertiggestellter Flutter Circular Animator, der Ihrer neuen Profilansicht oder jedem anderen Widget entsprechen kann.
flutter_bounceable
170
Eine einfache, interaktive und anpassbare Bounce-Animation bei Berührung, die auf beliebige Widgets angewendet werden kann.
animated_widgets
169
Mit AnimatedWidgets können Sie ganz einfach Animationen auf Ihrem Bildschirm hinzufügen. Fügen Sie Ihre animierten Widgets immer im Komponentenbaum hinzu und aktivieren Sie sie dann, wenn Sie die Animationen aktivieren möchten.
show_up_animation
160
Ein Flutter-Paket, um die Implementierung der "Show-Up"-Animation zu vereinfachen.
im_animations
157
Eine wachsende Sammlung cooler, eleganter, effizienter und leistungsoptimierter Animationswidgets.
flutter_bounce
147
Ein effizientes Flutter-Paket für eine Bounce-Animation zum Umwickeln des Widgets. Es richtet sich sowohl an die mobilen Plattformen iOS als auch Android.
circular_clip_route
127
Ein Seitentransition, die ihre Seite durch eine Ausdehnung eines kreisförmigen Ausschnitts von einem Anker-Widget enthüllt.
simple_ripple_animation
126
Dieses Paket bietet ein Ripple-Animations-Widget, das einfach einzurichten und anzupassen ist und in jeder gewählten Farbe wunderschön aussieht.
zoom_tap_animation
116
Die Zoom Tap Animation ermöglicht einen Effekt ähnlich wie bei den Elementen im App Store's Today-Tab. Wenn Sie auf ein Element tippen und gedrückt halten, wird es vergrößert und anschließend verkleinert.
flutter_sinusoidals
109
Ein Flutter-Paket, das Ihnen hilft, Sinuswellen nach Ihren Wünschen zu visualisieren. Alle grundlegenden Wellen werden bereits unterstützt, sowie benutzerdefinierte Wellen und einige vordefinierte Wellen.
animated_clipper
106
Clippen Sie Ihre Widgets mit animierten Clippers. Enthält eine Sammlung von PathBuilders und Hilfswidgets.
odometer
93
Hochgradig anpassbare Widgets, die Sie für die Zahlenübergänge und die Zähleranimationen verwenden können.
page_flip
93
Ein Flutter-Paket, mit dem Sie der Widgets in Ihrer App einen Seitenumblätterungseffekt hinzufügen können.
animated_svg
87
Flutter-Paket zur Anzeige und Animation von skalierbaren Vektorgrafik-Dateien im Format Scalable Vector Graphics 1.1.
flip_board
87
FlipBoards sind Zusammensetzungen von FlipWidgets, einem Widget, das einen Inhalt mit einer Flip-Animation animiert. Enthält FlipFraseBoard, FlipMatrix, FlipClock und andere.
snappable
81
Eine Flutter-Bibliothek für den Thanos-Snap-Effekt. Verwandeln Sie Ihre Widgets in Staub. Nur zum Spaß!
flutter_villains
80
Schurken für Flutter. Seitentransitionen mit nur wenigen Codezeilen. Was sind Helden ohne Schurken?
another_transformer_page_view
78
Ein weiterer PageTransformer für Flutter mit Null-Safety-Unterstützung.
animated_segment
71
Das Paket bietet Ihnen ein modernes animiertes Segment. Zeigen Sie die Tab-Auswahl mit einer elastischen Animationsmethode an.
pro_animated_blur
65
ProAnimatedBlur ist ein Widget, das den darunterliegenden Bereich seines Kind-Widgets verwischt und ähnlich wie AnimatedContainer und AnimatedOpacity funktioniert.
breathing_collection
65
Eine Sammlung von Flutter-Widgets mit Atemanimations-Effekt. Es werden weitere Widgets hinzugefügt.
motion_widget
65
Ein einfaches, leistungsstarkes Widget zum Erstellen cooler Übergänge. Es übernimmt Initialisierung, Zustandsänderungen, Code-Bereinigung und den gesamten anderen Animations-Supportcode und gibt Ihnen die volle Kontrolle über die Animationen in jedem Intervall.
flutter_page_transition
61
Ein umfangreiches, bequemes und benutzerfreundliches Flutter-Paket für Seitenübergänge.
path_morph
58
Dieses Paket ermöglicht Ihnen die Erstellung von Pfad-Animationsübergängen. Mit anderen Worten, es ermöglicht das Morphing eines Pfads in einen anderen.
animated_counter
58
Ein Paket mit fantastischen animierten Zählern zur Verbesserung Ihrer Anwendung mit benutzerdefinierten Zähler-Widgets.
explode_view
57
Eine schöne Animationsbibliothek für Flutter, die das Bild in kleine Partikel zerspringen lässt. Dieses Paket kann verwendet werden, wenn das Bild vom Bildschirm entfernt werden soll.
animation_director
56
AnimationDirector ist ein Paket zum Erstellen von schönen und flüssigen Animationen für das Flutter-Framework.
visual_effect
53
VisualEffect API für Flutter, um Leinwandeffekte einfach auf Ihre Widgets anzuwenden.
jelly_anim
53
Dieses Paket enthält eine Jelly-Animation. Benutzer können die Jelly- und Viewport-Größe dynamisch ändern, die Jelly-Koordinaten, den Überlauf-Flag und sie nach ihren Anforderungen anpassen.
cupertino_stackview
52
Ein sehr einfach zu verwendendes Navigationswerkzeug/Widget für Stapel im iOS 13-Stil.
flutter_switch_clipper
51
Ein Flutter-Paket, mit dem zwei Widgets mit dem Standard-Clipper oder einem benutzerdefinierten Clipper gewechselt werden können.
animated_book_widget
49
Ein Flutter-Paket, das eine interaktive Methode zur Anzeige von Inhalten bietet, die dem Erlebnis ähnelt, durch Seiten zu blättern.
ripple_wave
48
Einfache und leicht zu verwendende Ripple-Animation, die in Widgets eingewickelt werden kann, um schöne Ripple-Effekte zu erzeugen
hero_animation
47
Hero animiert sein Kind von einer Layoutposition zur anderen innerhalb derselben Route.
yoda
45
Flutter-Widget, mit dem Sie jedes beliebige Child-Widget in einer Matrix von Kacheln aufteilen und mit verschiedenen Arten animieren können. Derzeit mit Explode, Vortex und Flakes.
atomized_image
44
Ein Widget, das Bilder mit Partikeln malt und animiert, um einen atomisierten Effekt zu erzielen.
phlox_animations
43
Flutter phlox_animations ist ein einfaches Paket zum Erstellen von schönen benutzerdefinierten Animationen. Animieren Sie mehrere Eigenschaften auf einmal und enthält mehrere Funktionen.
animated_flutter_widgets
42
Dieses vielseitige Paket ermöglicht es Ihnen, mühelos faszinierende Animationen zu jedem Widget hinzuzufügen, während es auch vorgefertigte animierte Widgets anbietet.
page_animation_transition
39
Mit diesem Paket können Sie Ihrem Anwendungsübergängen schöne Seitentransitionen hinzufügen.
animation_wrappers
38
Animations-Umschlag-Widgets, einfach das zu animierende Child mit diesem Umschlag-Widget umwickeln und dieses Child wird animiert.
morpheus
37
Ein Flutter-Paket zur einfachen Implementierung von Material Design-Navigationstransitionen.
ripple_backdrop_animate_route
36
Eine Ripple-Animation mit einem Hintergrund der Seite. Dadurch wird eine transparente Seite mit einer Hintergrundanimation erzeugt, um die Widgets zu animieren. Sie können beliebige Widgets platzieren und den Effekt anpassen.
animated_page_transition
34
Dieses Paket dient der animierten Seitenübergänge. Dies ist ein einfach zu verwendendes Paket. Fügen Sie die Abhängigkeit animation_page_transition zur Datei pubspec.yaml hinzu. Importieren Sie dann das Paket in die Implementierungsdatei(en) und Sie können animierte Seitenübergänge ganz einfach umsetzen.
circular_rotation
33
Ein vollständig anpassbares Paket, mit dem Sie benutzerdefinierte Widgets kreisförmig platzieren können.
delayed_widget
32
Ein einfaches und benutzerfreundliches Flutter-Paket, um das Widget auf eine sanfte Weise anzuzeigen, sobald es erstellt wird.
ripple_effect
32
Ein einfacher Weg, um einen Ripple-Effekt von einem Widget auf dem gesamten Bildschirm Ihrer Flutter-App zu starten.
shake_animation_widget
29
Shake-Animation, Pop-up-Animation, Shake-Text, vertikales kreisförmiges Menü, unteres kreisförmiges Menü, Animationsfortschrittsbutton
flippable_box
29
Ein doppelseitiger Container, der umgedreht wird und auf beiden Seiten Inhalt enthüllt.
transition
28
Eine Übergangsbibliothek, die bei der Implementierung der Seitenübergangsanimation hilft.
slide_container
28
Ein Container, der vertikal und horizontal mit einer sanften gedämpften Bewegung geschoben werden kann. Bietet eine Handvoll Callbacks zur Anpassung.
paperfold
27
Dieses Paket bietet ein Widget, das den Effekt eines Papierfaltens auf sein Kind anwendet.
circular_motion
26
Ein Paket zur Erstellung von kreisförmig positionierten Widgets, die gescrollt werden können, um sie auf die gewünschte kreisförmige Weise zu drehen.
animate_routes
24
animate_routes ist eine minimalistische Bibliothek, die coole Animationsübergänge bietet, wenn Sie zwischen den Bildschirmen navigieren.
animated_rotation
23
Ein implizites Animations-Widget für die Rotation. Geben Sie einfach den Winkel an und das Widget wird sich im Laufe der Zeit drehen.
spinner
23
Ein einfacher animierter Spinner, der eine kreisförmige Liste von Widgets fester Größe durchläuft
animatedroute
17
Ein Flutter-Paket, das Entwicklern ermöglicht, zwischen Bildschirmen zu animieren. Funktioniert sowohl auf Android als auch auf iOS.
rotating_widgets
16
Ein hochgradig anpassbares Flutter-Paket, mit dem Sie jedes Widget in ein 3D-drehbares Widget umwandeln können.
tdk_bouncingwidget
13
Eine leichte Flutter-Bibliothek, um eine hüpfende Animation in Flutter-Widgets zu erzielen. Es werden drei Arten von hüpfenden Animationen bereitgestellt.
tweener
12
Tweener ist ein einfaches und leichtgewichtiges Flutter-Animationswerkzeug. Jeder kann leicht lernen, es zu verwenden.
vsync_provider
10
VsyncProvider stellt vsync für AnimationController zur Verfügung. Funktioniert mit dem Provider-Paket.
flutter_fader
9
Ein Flutter-Widget, mit dem Sie ein Untergeordnetes Widget ein- und ausblenden können. Wenn es ausgeblendet ist, wird das Untergeordnete Widget aus dem Baum entfernt (es kann nicht interagiert werden).