swipeable_button_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

SwipeableButtonView ist ein Flutter-Paket, das die Erstellung interaktiver, wellenartig animierter Schaltflächen und Seiten durch Wischgesten ermöglicht. Es steigert die Benutzerengagement mit flüssigen Animationen und reaktionsschnellen Rückmeldungen, wenn Benutzer über die Schaltfläche wischen. Ideal für moderne Benutzeroberflächen, die auf Gestenbasierung angewiesen sind, unterstützt es mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Das Paket lässt sich nahtlos in Flutter-Anwendungen integrieren und bietet anpassbare visuelle Effekte sowie intuitive Touch-Interaktionen. Entwickler können mit minimalem Code einfach navigations- oder aktionsbasierte Wischfunktionen implementieren. Sein leichtgewichtiges Design macht es sowohl für einfache als auch komplexe gestenbasierte Schnittstellen geeignet.

Anwendungsfälle

Gestenbasierte Navigation
Interaktive Buttonanimationen
Ripple-Effekt bei Wischbewegungen
Mobile-first Benutzeroberflächenkomponenten
Plattformübergreifende Gestenunterstützung
Engagement-Willkommensbildschirme

Hauptmerkmale

Wellenanimation beim Wischen
Plattformübergreifende Kompatibilität
Anpassbares Swipe-Verhalten
Glatte Übergangseffekte
Leichtgewichtig und einfach zu integrieren
Unterstützt Touch- und Drag-Gesten

Geeignet für

Entwickler, die gestenbasierte Apps erstellen
Designer, die interaktive Benutzeroberflächenelemente suchen
Apps mit Swipe-zum-Aktivieren-Funktionen
Plattformübergreifende mobile und Web-Anwendungen
UI/UX-orientierte Flutter-Projekte

Hinweise

Kann zusätzliche Stilisierung für komplexe Layouts erfordern
Leistungseinfluss auf Geräten mit geringer Leistungsfähigkeit
Beschränkt auf Swipe-basierte Interaktionen
Nicht ideal für Workflows ohne Gesten
Erfordert sorgfältige Behandlung von Randfällen bei der Gestenerkennung
Am besten geeignet für touchfähige Geräte

Original-README

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

License

You can create ripple animated pages with swipeable_button_view.

Install

Add swipeable_button_view: to your pubspec.yaml dependencies then run flutter pub get

dependencies:
  swipeable_button_view:

Then import the package to use

import 'package:swipeable_button_view/swipeable_button_view.dart';

Example

import 'package:swipeable_button_view/swipeable_button_view.dart';

SwipeableButtonView(
    buttonText: 'SLIDE TO PAYMENT',
    buttonWidget: Container(
        child: Icon(Icons.arrow_forward_ios_rounded,
            color: Colors.grey,
                ),),
    activeColor: Color(0xFF009C41),
    isFinished: isFinished,
    onWaitingProcess: () {
    Future.delayed(Duration(seconds: 2), () {
            setState(() {
                isFinished = true;
                      });
                    });
                  },
    onFinish: () async {
        await Navigator.push(context,
                        PageTransition(
                            type: PageTransitionType.fade,
                            child: DashboardScreen()));

                    //TODO: For reverse ripple effect animation
                    setState(() {
                      isFinished = false;
                    });
                  },
)

Screen Recording

Props

props	types	defaultValues	isRequired
onFinish	`VoidCallback`		`true`
onWaitingProcess	`VoidCallback`		`true`
activeColor	`Color`		`true`
buttonWidget	`Widget`		`true`
buttonText	`String`		`true`
isFinished	`bool`	`false`
isActive	`bool`	`true`
disableColor	`Color`	`Colors.grey`
buttonColor	`Color`	`Colors.white`
buttontextstyle	`TextStyle`	`TextStyle(color: Colors.white, fontWeight: FontWeight.bold)`
indicatorColor	`Animation<Color?>`	`AlwaysStoppedAnimation<Color>(Colors.white)})`

Pakete, Repositories und App-Kategorien suchen