ripple_backdrop_animate_route

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

RippleBackdropAnimateRoute ist ein Flutter-Paket, das beim Navigieren zwischen Routen eine visuell ansprechende Wellenanimation mit Hintergrundeffekt bereitstellt. Es erstellt eine transparente Überlagerung mit dynamischen Wellenanimationen, sodass Entwickler den visuellen Einfluss von Routenübergängen anpassen können. Das Paket unterstützt jedes Widget innerhalb der Route und bietet Flexibilität bei Stil und Verhalten. Ideal für moderne, interaktive Benutzeroberflächen, verbessert es die Benutzererfahrung durch reibungslose, animierte Navigationseffekte auf mehreren Plattformen.

Anwendungsfälle

Interaktive App-Navigation
Benutzerdefinierte Routenübergänge
verbesserte Benutzeranleitung
Visuelle Rückmeldung bei Berührungen
Modernes UI-Design
Animierte Startbildschirme

Hauptmerkmale

Wellenanimation mit Hintergrund
Anpassbare Widget-Platzierung
transparente Routenüberlagerung
Plattformübergreifende Unterstützung
Einfache Integration mit bestehenden Routen
Konfigurierbare Animationsparameter

Geeignet für

Entwickler, die animierte Routenübergänge suchen
designorientierte Flutter-Anwendungen
Apps mit interaktiver Navigation
UI/UX-Verbesserungsprojekte
Flutter-Anfänger erkunden Animationen

Hinweise

Kann die Leistung auf Low-End-Geräten beeinträchtigen
Erfordert sorgfältige Anpassung für optimale Benutzererfahrung
Beschränkte Dokumentation über die grundlegende Verwendung hinaus
Nicht geeignet für einfache, statische Navigationsflüsse
Animationen können Benutzer ablenken, wenn sie übermäßig verwendet werden

Original-README

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

A ripple animation with backdrop of route.

Screenshot:

Getting Started

Example Usage

import 'package:ripple_backdrop_animate_route/ripple_backdrop_animate_route.dart';

///...

RippleBackdropAnimatePage.show(
  context: context,
  child: Column(
    mainAxisAlignment: MainAxisAlignment.end,
    children: <Widget>[
      Text('This is ripple backdrop animate page.'),
    ],
  ),
  childFade: true,
  duration: 300,
  blurRadius: 20,
  bottomButton: Icon(Icons.visibility),
  bottomHeight: 60,
  bottomButtonRotate: false,
);

Parameters

Name	Description	Default
child	Child for page.	-
childFade	When enabled, [child] will fade in when animation is going and fade out when popping.	false
duration	Animation's duration, including [Navigator.push], [Navigator.pop].	300
blurRadius	Blur radius for [BackdropFilter].	20.0
bottomButton	[Widget] for bottom of the page.	-
bottomHeight	The height which [bottomButton] will occupy.	`kBottomNavigationBarHeight`
bottomButtonRotate	When enabled, [bottomButton] will rotate when to animation is going.	true
bottomButtonRotateDegree	The degree which [bottomButton] will rotate.	45.0

Pakete, Repositories und App-Kategorien suchen