flutter_scale_tap

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das animierte Buttons mit Skalierungs- und Deckkraft-Effekten beim Drücken bereitstellt. Es verbessert die Benutzerinteraktion, indem der Button beim Drücken sanft verkleinert und seine Deckkraft verringert wird, um dann nach dem Loslassen in den ursprünglichen Zustand zurückzukehren. Ideal für die Erstellung reaktiver und visuell ansprechender UI-Elemente. Das Paket unterstützt alle wichtigen Plattformen, einschließlich Android, iOS, Web, macOS, Windows und Linux, und gewährleistet konsistentes Verhalten über Geräte hinweg. Einfach zu integrieren mit minimaler Konfiguration.

Anwendungsfälle

Interaktive Schaltflächen mit visueller Rückmeldung erstellen
Verbesserung der Benutzererfahrung in mobilen und Web-Anwendungen
Subtile Animationen zu Formularsteuerelementen hinzufügen
Verbesserung der Reaktionsfähigkeit von Schaltflächen in Spielen
Entwicklung moderner App-Oberflächen

Hauptmerkmale

Skalierungsanimation beim Drücken
Opacity-Änderung während des Berührens
Plattformübergreifende Kompatibilität
Minimale Einrichtung erforderlich
Glatte Übergangseffekte
Benutzerdefinierbare Animationsdauer

Geeignet für

UI-Designer, die verfeinerte Button-Interaktionen suchen
Entwickler, die interaktive Flutter-Anwendungen erstellen
Projekte, die leichtgewichtige Animationspakete erfordern
Anwendungen für mehrere Plattformen
Schnelle und reaktive Schnittstellenprototypen erstellen

Hinweise

Kann bei sehr großen oder komplexen Widgets Anpassungen erfordern
Die Animationsleistung hängt von den Gerätefähigkeiten ab
Nicht geeignet für Szenarien mit hoher Tastfrequenz ohne Optimierung
Beschränkt auf buttonähnliche Komponenten
Unterstützt keine Gestenanpassung außer Drücken/Loslassen

Original-README

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

ScaleTap

Scale and opacity animated Button for Flutter

Getting Started

Wrap your widget with ScaleTap

ScaleTap(
  onPressed: (){
    //Tap
  },
  onLongPress: (){
    //Long press
  },
  child: Container(
    child: Text("Tap Me"),
  ),
)

You can change the default behaviour with the ScaleTapConfig class

class ScaleTapConfig {
  static double scaleMinValue = 0.95;
  static Curve scaleCurve = CurveSpring();
  static double opacityMinValue = 0.90;
  static Curve opacityCurve = Curves.ease;
  static Duration scaleOpacityAnimationDuration = const Duration(milliseconds: 300);
  static Duration buttonAnimationDuration = const Duration(milliseconds: 300);
}

Pakete, Repositories und App-Kategorien suchen

Paket installieren