tdk_bouncingwidget

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

tdk_bouncingwidget ist ein leichtgewichtiges Flutter-Paket, das bei Berührung Animationen mit Aufprallwirkung zu Widgets hinzufügt und die Benutzerinteraktion durch subtile visuelle Rückmeldungen verbessert. Es bietet drei verschiedene Arten von Bounce-Animationen, wodurch die Reaktion von Schaltflächen und anderen interaktiven Elementen einfach angepasst werden kann. Für Einfachheit und Leistung optimiert, integriert es sich nahtlos in Flutter-Anwendungen auf mehreren Plattformen. Ideal für Entwickler, die die Benutzeroberfläche ohne komplizierten Code ansprechender gestalten möchten. Das Paket ist Open Source und aktiv gepflegt.

Anwendungsfälle

Haptisches Feedback zu Schaltflächen hinzufügen
Verbesserung von Touch-Interaktionen in Formularen
Spielerische Benutzeroberflächenelemente erstellen
Verbesserung der App-Reaktionsfähigkeit
Widget-Druckeffekte anpassen
Animierte Symbole und Karten

Hauptmerkmale

Drei integrierte Bounce-Typen
Leicht und schnell
Plattformübergreifende Unterstützung
Einfache API-Integration
Open Source und gut dokumentiert
Minimale Boilerplate-Anforderung

Geeignet für

UI-Designer, die interaktive Rückmeldung suchen
Entwickler, die mobile oder Web-Apps erstellen
Apps mit intuitiven Touch-Reaktionen
Projekte, die sich auf reibungslose Animationen konzentrieren
Anfänger bis mittlere Flutter-Entwickler

Hinweise

Beschränkt auf klickbasierte Animationen
Keine erweiterten Anpassungsoptionen
Kann möglicherweise nicht zu minimalistischen Designstilen passen
Leistungsbeeinflussung bei umfangreichen Widget-Bäumen
Nicht für komplexe Gestenerkennung vorgesehen

Original-README

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

Want to animate your widgets (like containers, cards etc...) bouncing In and out while clicking? Here is the package for that.

Features

This package contains a widget, where you need to wrap your own widgets ( like container, cards ect...) to animate them bounce in and out while clicking.

Getting started

As the first step we need to add this package in pubspec.yaml file or run the following command flutter pub add tdk_bouncingwidget

Usage

Just wrap your widget inside BouncingWidgetInOut widget as shown below and we are done!!

BouncingWidgetInOut(
    onPressed: () {},
    bouncingType: BouncingType.bounceInAndOut,
    child : Container(
        height: 60,
        width: 200,
        child: const Text('click to bounce')
    ))

There is one optional parameter called "bouncingType" which specifies the bouncing type of the widget. That is "Bouncing In only" or "Bouncing out Only" or both "Bouncing In and Out". By default bouncingType is "bounceInOnly".

bounceInOnly => Widget will shrink and grow based on scale factor value.

bounceOutOnly => Widget will grow and shrink based on scale factor value.

bounceInAndOut => Widget will shrink and grow first and then it will grow and shrink based on the scale factor value.

You can even customize the bouncing animation by giving duration how much time your widgets needs to animate and how large and small your widget should grow/shrink by giving scale factor value.

Additional information

Feel free to raise an issue if anything breaking, I will try to fix that ASAP. Github link mentioned above. Thanks!

Pakete, Repositories und App-Kategorien suchen

Paket installieren