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
5841
Fancy vorgefertigte Animationen, die leicht in jede Flutter-Anwendung integriert werden können.
animate_do
4159
Schöne Animationen, inspiriert von Animate.css, jede Animation ist ein anpassbares Widget.
lottie
3675
Rendern von After Effects-Animationen nativ auf Flutter. Dieses Paket ist eine reine Dart-Implementierung eines Lottie-Players.
simple_animations
1892
Leistungsstarkes Paket zum Erstellen von schönen benutzerdefinierten Animationen in kürzester Zeit.
flutter_staggered_animations
1891
Fügen Sie Ihrem ListView, GridView, Column und Row Kindern einfach Staffelungsanimationen hinzu, wie sie in den Material Design-Richtlinien dargestellt sind.
page_transition
1286
Flutter Page Transition Package, das für den Übergang zur zweiten Seite verwendet wird.
auto_animated
1190
Widgets, die automatisch eine Animationswiedergabe starten, wenn sie eingebunden werden. Es ist bereits möglich, die Liste und Symbole zu animieren.
dismissible_page
554
Ein Flutter-Widget, mit dem Seiten in beliebige Richtungen verworfen werden können. Vergessen Sie langweilige Zurück-Schaltflächen und einfache Übergänge.
delayed_display
437
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.
animated_flip_counter
426
Ein implizites Animations-Widget, das von einer Zahl zur anderen umschaltet und dabei benutzerdefinierte Stile, Dezimalstellen und negative Werte unterstützt.
flutter_animator
322
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
275
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
253
Eine nur mit Dart erstellte Bibliothek zum schrittweisen Zeichnen von SVG-Pfadobjekten auf Leinwand (Zeichenanimations-Linie).
circular_reveal_animation
241
Circular Reveal Animation als Flutter-Widget! Inspiriert von Androids ViewAnimationUtils.createCircularReveal(...).
animator
240
Eine Flutter-Bibliothek, die Animationen erleichtert. Sie ermöglicht die Trennung der Animationskonfiguration von der Benutzeroberfläche.
spring
232
Ein einfaches und leistungsfähiges vorgefertigtes Animationskit für die schnellere und einfachere Entwicklung von Apps.
flutter_sequence_animation
225
Kombinieren Sie jede Animation mit diesem robusten und einfach zu verwendenden Paket.
funvas
218
Paket zur Erstellung von Canvas-Animationen basierend auf Zeit- und mathematischen Funktionen. Fun + Leinwand = Funvas
sprung
217
Federkurven für Flutter-Animationen. Basierend auf echten Physikgleichungen mit drei Dämpfungskurven.
add_to_cart_animation
210
Ein Flutter-Plugin, das Ihnen eine Animation zum Hinzufügen zum Warenkorb bietet.
local_hero
209
Ein Widget, das implizit eine Hero-Animation startet, wenn sich seine Position innerhalb der gleichen Route ändert.
motion
182
Ein schickes Widget, das einen Bewegungseffekt auf Grundlage eines Gyroskops oder einer Berührung auf sein Kind anwendet.
widget_circular_animator
173
Ein fertiggestellter Flutter Circular Animator, der Ihrer neuen Profilansicht oder jedem anderen Widget entsprechen 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.
flutter_bounceable
165
Eine einfache, interaktive und anpassbare Bounce-Animation bei Berührung, die auf beliebige Widgets angewendet werden kann.
show_up_animation
159
Ein Flutter-Paket, um die Implementierung der "Show-Up"-Animation zu vereinfachen.
im_animations
156
Eine wachsende Sammlung cooler, eleganter, effizienter und leistungsoptimierter Animationswidgets.
flutter_bounce
146
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
117
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
109
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
102
Clippen Sie Ihre Widgets mit animierten Clippers. Enthält eine Sammlung von PathBuilders und Hilfswidgets.
odometer
89
Hochgradig anpassbare Widgets, die Sie für die Zahlenübergänge und die Zähleranimationen verwenden können.
page_flip
84
Ein Flutter-Paket, mit dem Sie der Widgets in Ihrer App einen Seitenumblätterungseffekt hinzufügen können.
flip_board
83
FlipBoards sind Zusammensetzungen von FlipWidgets, einem Widget, das einen Inhalt mit einer Flip-Animation animiert. Enthält FlipFraseBoard, FlipMatrix, FlipClock und andere.
animated_svg
81
Flutter-Paket zur Anzeige und Animation von skalierbaren Vektorgrafik-Dateien im Format Scalable Vector Graphics 1.1.
snappable
81
Eine Flutter-Bibliothek für den Thanos-Snap-Effekt. Verwandeln Sie Ihre Widgets in Staub. Nur zum Spaß!
flutter_villains
79
Schurken für Flutter. Seitentransitionen mit nur wenigen Codezeilen. Was sind Helden ohne Schurken?
another_transformer_page_view
76
Ein weiterer PageTransformer für Flutter mit Null-Safety-Unterstützung.
animated_segment
70
Das Paket bietet Ihnen ein modernes animiertes Segment. Zeigen Sie die Tab-Auswahl mit einer elastischen Animationsmethode an.
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.
pro_animated_blur
61
ProAnimatedBlur ist ein Widget, das den darunterliegenden Bereich seines Kind-Widgets verwischt und ähnlich wie AnimatedContainer und AnimatedOpacity funktioniert.
flutter_page_transition
61
Ein umfangreiches, bequemes und benutzerfreundliches Flutter-Paket für Seitenübergänge.
path_morph
57
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
57
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
57
AnimationDirector ist ein Paket zum Erstellen von schönen und flüssigen Animationen für das Flutter-Framework.
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
51
Ein sehr einfach zu verwendendes Navigationswerkzeug/Widget für Stapel im iOS 13-Stil.
flutter_switch_clipper
50
Ein Flutter-Paket, mit dem zwei Widgets mit dem Standard-Clipper oder einem benutzerdefinierten Clipper gewechselt werden können.
visual_effect
49
VisualEffect API für Flutter, um Leinwandeffekte einfach auf Ihre Widgets anzuwenden.
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.
animated_book_widget
44
Ein Flutter-Paket, das eine interaktive Methode zur Anzeige von Inhalten bietet, die dem Erlebnis ähnelt, durch Seiten zu blättern.
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.
atomized_image
43
Ein Widget, das Bilder mit Partikeln malt und animiert, um einen atomisierten Effekt zu erzielen.
ripple_wave
42
Einfache und leicht zu verwendende Ripple-Animation, die in Widgets eingewickelt werden kann, um schöne Ripple-Effekte zu erzeugen
animated_flutter_widgets
40
Dieses vielseitige Paket ermöglicht es Ihnen, mühelos faszinierende Animationen zu jedem Widget hinzuzufügen, während es auch vorgefertigte animierte Widgets anbietet.
hero_animation
40
Hero animiert sein Kind von einer Layoutposition zur anderen innerhalb derselben Route.
morpheus
37
Ein Flutter-Paket zur einfachen Implementierung von Material Design-Navigationstransitionen.
animation_wrappers
35
Animations-Umschlag-Widgets, einfach das zu animierende Child mit diesem Umschlag-Widget umwickeln und dieses Child wird animiert.
page_animation_transition
35
Mit diesem Paket können Sie Ihrem Anwendungsübergängen schöne Seitentransitionen hinzufügen.
ripple_backdrop_animate_route
34
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.
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.
animated_page_transition
30
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.
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.
circular_motion
25
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.
paperfold
25
Dieses Paket bietet ein Widget, das den Effekt eines Papierfaltens auf sein Kind anwendet.
animate_routes
24
animate_routes ist eine minimalistische Bibliothek, die coole Animationsübergänge bietet, wenn Sie zwischen den Bildschirmen navigieren.
spinner
23
Ein einfacher animierter Spinner, der eine kreisförmige Liste von Widgets fester Größe durchläuft
animated_rotation
22
Ein implizites Animations-Widget für die Rotation. Geben Sie einfach den Winkel an und das Widget wird sich im Laufe der Zeit drehen.
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
11
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).