Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von bouncing_widget
Paketdetailsv2.0.0

bouncing_widget

Ein Widget, mit dem Sie eine Bounce-Animation auf einem Widget hinzufügen können.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
858
Likes
216
Pub-Punkte
150

Paket installieren

flutter pub add bouncing_widget

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das bouncing_widget-Paket bietet eine einfache Möglichkeit, einem beliebigen Flutter-Widget einen bouncy-Animationseffekt hinzuzufügen. Es verbessert die Benutzerinteraktion, indem es bei Berührung oder Interaktion mit dem Widget einen dynamischen, federartigen Bounce erzeugt. Ideal für Buttons, Symbole oder jedes Element, das von visueller Rückmeldung profitiert, unterstützt alle wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Das Paket ist leichtgewichtig und einfach zu integrieren und erfordert nur minimalen Code. Perfekt für Entwickler, die die Benutzeroberfläche durch subtile Animationen ansprechender gestalten möchten.

Anwendungsfälle

  • Interaktive Rückmeldung zu Schaltflächen hinzufügen
  • Animierte Symbole beim Tippen
  • Verbesserung der Benutzererfahrung in Formularen
  • Spaßige Benutzeroberflächenelemente erstellen
  • Verbesserung der App-Antwortzeit

Hauptmerkmale

  • Federspring-ähnlicher Bounce-Effekt
  • Einfache Integration mit bestehenden Widgets
  • Plattformübergreifende Unterstützung
  • Benutzerdefinierbare Animationsdauer
  • Unterstützt Touch- und Gesteninteraktionen
  • Leichtgewichtig und leistungsstark

Geeignet für

  • UI-Designer, die dynamische Rückmeldung suchen
  • Entwickler interaktiver Apps
  • Apps für mobile und Web-Nutzer
  • Projekte, die subtile Animationen erfordern
  • Erstellung ansprechender Schnittstellen

Hinweise

  • Kann minimalistische Gestaltungstypen nicht gut unterstützen
  • Leistungseinfluss bei komplexen Layouts
  • Begrenzte Anpassungsoptionen jenseits der grundlegenden Bounce
  • Nicht ideal für zugänglichkeitsorientierte Anwendungen
  • Erfordert sorgfältige Abstimmung für eine reibungslose Benutzererfahrung

Original-README

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

bouncing_widget

A widget that enables you to add a bouncing animation on a widget.

Example

How does it work ?

You just have to encapsulate the widget of your choice with a BouncingWidget.

You may also use a scaleFactor to customize the scaling effect as in the gif example. Or even customize the animation's duration with the duration parameter (200 milliseconds by default).

BouncingWidget(
  duration: Duration(milliseconds: 100),
  scaleFactor: 1.5,
  onPressed: () {
    print("onPressed");
  },
  child: Text(
    "Hello !",
    style: TextStyle(
      color: Colors.white,
      fontWeight: FontWeight.bold,
      fontSize: 35,
    ),
  ),
),

Kategorien

Animation und Übergang

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.