Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv2.1.0

rubber

Rubber ist ein elastischer Bottom-Sheet-Widget mit anpassbaren Material-Sprunganimationen.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
11.000
Likes
356
Pub-Punkte
160

Paket installieren

flutter pub add rubber

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Rubber ist ein flexibler Bottom-Sheet-Widget für Flutter, der anpassbare Material-Style-Sprunganimationen bietet. Er ermöglicht reibungslose, elastische Übergänge beim Ausklappen oder Zusammenfalten und verbessert die Benutzerinteraktion durch reaktionsfreudiges und flüssiges Verhalten. Ideal für Modals, Drawer oder jedes andere UI-Element, das eine dynamische Präsentation von unten nach oben erfordert. Rubber unterstützt alle wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Das Animationsystem basiert auf dem Physik-Engine von Flutter und ermöglicht Entwicklern die feine Anpassung von Bounce-Effekten und Reaktionsgeschwindigkeit. Das Paket ist leichtgewichtig und lässt sich nahtlos in bestehende Flutter-Anwendungen integrieren.

Anwendungsfälle

  • Modale Dialogfelder
  • interaktive Schubladen
  • Untere Navigationsleisten
  • Formularüberschneidungen
  • Dynamische Inhaltsexpander

Hauptmerkmale

  • Anpassbare Federanimationen
  • Elastisches Ziehverhalten
  • Plattformübergreifende Unterstützung
  • Glatte Übergangsphysik
  • Einfache Integration mit bestehenden Widgets
  • Konfigurierbare Federkraft

Geeignet für

  • Entwickler, die animierte Bottom-Sheets suchen
  • Apps mit interaktiven Benutzeroberflächenkomponenten
  • Designer, die materialinspirierte Bewegung möchten
  • Projekte für mehrere Plattformen
  • Benutzer von Flutter-Animationsbasierend auf Physik

Hinweise

  • Kann zur optimalen Federtaste anpassung benötigen
  • Nicht ideal für statische oder nicht-interaktive Blätter
  • Die Leistung hängt von der Komplexität der Animation ab
  • Beschränkt auf Bottom-Sheet-Anwendungsfälle
  • Kenntnisse über physikalische Parameter erforderlich

Original-README

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

Awesome Flutter

An elastic material bottom sheet implementation for Flutter.

Requires Flutter 3.44 or later and Dart 3.12 or later.

This is still an early preview, some behaviors can change or being removed. Every feedback, bug report or feature request is welcome, please send it at the issue tracker

Follow the Quick Start to add it to your project. Is also available the complete example in the repository to preview the library on your device.

Common interaction options can be configured directly on the sheet:

RubberBottomSheet(
  animationController: controller,
  lowerLayer: const MyBackground(),
  upperLayer: const MySheetContent(),
  draggable: true,
  snapThreshold: 0.4,
  minFlingVelocity: 700,
  completeFlingVelocity: 5000,
  scrimColor: Colors.black54,
  onScrimTap: controller.collapse,
);

Use strict bounds when the elastic overscroll effect is not appropriate:

final controller = RubberAnimationController(
  vsync: this,
  duration: const Duration(milliseconds: 250),
  boundsBehavior: RubberAnimationBoundsBehavior.strict,
);

Use controller.addListener(...) to observe the position continuously. Status listeners report direction and boundary transitions (forward, reverse, completed, and dismissed). Pixel bounds are automatically recalculated after size and orientation changes.

Kategorien

Untere Panels und Bottom Sheets

Quell-Repository

Projekte, die dieses Paket verwenden