flutter_scroll_shadow

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Flutter Scroll Shadow ist ein leichtgewichtiges Paket, das dynamische Schatten zu scrollbaren Widgets hinzufügt und die visuelle Tiefe sowie die Benutzerreaktion verbessert. Es unterstützt sowohl vertikales als auch horizontales Scrollen und ist vollständig mit ScrollController kompatibel. Ideal zur Verbesserung des ästhetischen Eindrucks von Listen, Rastern und anderen scrollbaren Inhalten auf allen wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Der Schatten passt sich in Echtzeit an die Scrollbewegung an und erzeugt einen subtilen, aber effektiven visuellen Effekt.

Anwendungsfälle

Sichtbarkeit von Listenpunkten verbessern
Tiefe in scrollbaren Schnittstellen erzeugen
Verbesserung der Benutzererfahrung durch visuelle Rückmeldung
Polnisse zu Dashboard-Layouts hinzufügen
Unterstützung von Dunkelmodus-Designs

Hauptmerkmale

Echtzeit-Schattenanpassung
Unterstützung für vertikales und horizontales Scrollen
ScrollController-Integration
Plattformübergreifende Kompatibilität
Minimale Leistungseinbußen

Geeignet für

UI-Designer, die auf visuelle Perfektion abzielen
Entwickler, die scrollintensive Apps erstellen
Apps, die subtile Animationen erfordern
Projekte für mehrere Plattformen
Teams, die sich auf responsive Design konzentrieren

Hinweise

Kann die Leistung auf Low-End-Geräten beeinträchtigen
Das Erscheinungsbild des Schattens hängt vom Thema und dem Hintergrund ab
Eingeschränkte Anpassungsmöglichkeiten außerhalb der Schattenintensität
Nicht geeignet für komplexe Scrollverhalten
Erfordert sorgfältige Tests auf verschiedenen Bildschirmgrößen

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

Scroll Shadow

ScrollShadow is a widget for Flutter that adds shadows to a scrollable child.

Supports ScrollController and vertical or horizontal orientation.


ScrollShadow

Features

Adds shadows over a scrollable child while not at its max extents
Supports vertical and horizontal Axis
Customizable animation duration
Determine how wide or tall shadows render

Usage

Make sure to check out the examples on GitHub.

Installation

Add the following line to pubspec.yaml:

dependencies:
  flutter_scroll_shadow: <last-release>

Basic setup

Complete example available here.

ScrollShadow(
  color: Colors.grey,
  child: ListView(
    children: List.generate(20, (index) => ListTile(title: Text('Element $index'),)),
  ),
);

Properties

color: for the shadows; default: Colors.grey
size: The width or height of shadows, depending on Axis; default: 15.0
child: Scrollable child contained by the ScrollShadow
duration: Milliseconds, as an int, for animation of shadow visibility changes; default: 300
fadeInCurve: The animation [Curve] to use for shadow appearance; default: Curves.easeIn
fadeOutCurve: The animation [Curve] to use for shadow disappearance; default: Curves.easeOut
ignoreInteraction: Determines if shadow is wrapped inside a [IgnorePointer] widget, so that all touch events with the shadow will be ignored; default: true