appbar_elevation

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das appbar_elevation-Paket bietet ein Flutter-Widget, das eine AppBar erstellt, die anfänglich mit dem Bildschirminhalt ausgerichtet ist und automatisch ansteigt (höher wird), wenn der Benutzer nach unten scrollt. Dieses Verhalten verbessert die visuelle Hierarchie, indem die AppBar nur während des Scrollens sichtbar wird und so einen sauberen Anfangsansicht bietet. Es ist ideal für Apps mit langen Inhaltslisten, bei denen eine dynamische AppBar die Benutzererfahrung verbessert. Das Widget ist leichtgewichtig und lässt sich nahtlos in bestehende scrollbare Layouts wie ListView oder CustomScrollView integrieren. Es unterstützt reibungslose Übergänge und funktioniert ohne komplizierte benutzerdefinierte Logik. Der Quellcode ist öffentlich auf GitHub verfügbar, um Transparenz zu gewährleisten und zur Mitwirkung einzuladen.

Anwendungsfälle

Dynamische AppBar-Aussehen in scrollbaren Listen
Verbesserung der Benutzeroberfläche durch subtile Erhebungseffekte
Moderne, reaktive App-Oberflächen erstellen
Verbesserung der visuellen Rückmeldung während des Scrollens
AppBar-Elevation-Logik vereinfachen

Hauptmerkmale

Automatische Höhenverstellung beim Scrollen
Anfänglicher Spülzustand mit Körper
Glatte Übergangsanimation
Leichtgewichtig und einfach zu integrieren
Funktioniert mit ListView und CustomScrollView

Geeignet für

Entwickler, die ein elegantes AppBar-Verhalten suchen
Apps mit langem scrollbarem Inhalt
UI-orientierte Flutter-Projekte
Minimalistische Design-Implementierungen
Projekte, die native-artige Scroll-Effekte anstreben

Hinweise

Erfordert scrollbaren übergeordneten Container
Begrenzte Anpassungsmöglichkeiten über die Höhe hinaus
Keine Unterstützung für plattformspezifische Verhaltensweisen
Möglicherweise sind zusätzliche Stile für nicht-standardmäßige Themen erforderlich
Nicht geeignet für statische oder nicht scrollende Bildschirme

Original-README

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

A Flutter Widget for an AppBar that is initially flush with the body and elevated when scrolled.

Usage

Use the ScrollActivatedAppBarElevation widget to wrap a Scaffold that contains a Scrollable view (e.g. ListView, CustomScrollView). The widget uses a NotificationListener to detect the scroll position and provides an appBarElevation value to be used.

Example

@override
Widget build(BuildContext context) {
  return ScrollActivatedAppBarElevation(
    builder: (BuildContext context, double appBarElevation) {
      return Scaffold(
        appBar: AppBar(
          elevation: appBarElevation,
        ),
        body: ListView(
          children: [
            // ...
          ],
        ),
      );
    },
  );
}

See example for full code.

License

BSD

Pakete, Repositories und App-Kategorien suchen