Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv1.0.4

constrained_scrollable_views

Eine Reihe nützlicher scrollbarer Ansichten umfasst ConstrainedScrollView, ScrollableColumn und ScrollableRow.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
110
Likes
44
Pub-Punkte
160

Paket installieren

flutter pub add constrained_scrollable_views

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket mit spezialisierten scrollbaren Ansichten wie ConstrainedScrollView, ScrollableColumn und ScrollableRow. Diese Komponenten bieten erweiterte Steuerung des Scrollverhaltens innerhalb begrenzter Layouts, wodurch sichergestellt wird, dass der Inhalt innerhalb definierter Grenzen bleibt und gleichzeitig eine reibungslose Scrollfunktion gewährleistet ist. Ideal für Benutzeroberflächen, die responsive, flexible Scrollcontainer mit vorhersehbarem Größenverhalten und Ausrichtung benötigen.

Anwendungsfälle

  • Reaktive scrollbare Layouts erstellen
  • Eingeschränkte vertikale oder horizontale Listen erstellen
  • Implementierung von scrollbaren Abschnitten in festen Breitencontainern
  • Adaptive Benutzeroberflächen über mehrere Plattformen gestalten
  • Verwaltung von verschachtelten Scrollverhalten
  • Layout-Leistung in komplexen Widgets optimieren

Hauptmerkmale

  • Unterstützt sowohl vertikales als auch horizontales Scrollen
  • Erzwingt Größenbeschränkungen während des Scrollens
  • Bietet integrierte Ausrichtungs- und Füllungsoptionen
  • Integriert sich nahtlos in bestehende Flutter-Layouts
  • Bietet leichtgewichtige, fokussierte Funktionalität
  • Stellt ein konsistentes Verhalten über Plattformen hinweg sicher

Geeignet für

  • Entwickler, die responsive Benutzeroberflächen erstellen
  • Teams, die präzise Scrollsteuerung benötigen
  • Projekte mit komplexen verschachtelten Scrollstrukturen
  • Plattformübergreifende Anwendungen für mehrere Geräte
  • UI-Designer, die ein vorhersagbares Scrollverhalten suchen

Hinweise

  • Beschränkt auf verwendbare Container-Szenarien
  • Ersetzt die vollständige Anpassung der Scrollansicht nicht
  • Erfahrung mit dem Layout-System von Flutter erforderlich
  • Am besten geeignet für bestimmte eingeschränkte Szenarien
  • Kann geringe Overhead für einfache Scrollbedürfnisse haben

Original-README

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

Constrained Scrollable Views

Pub style: very good analysis License: MIT

Set of useful scrollable views includes ConstrainedScrollView, ScrollableColumn, and ScrollableRow.

  • ConstrainedScrollView is a combination of LayoutBuilder and SingleChildScrollView.
  • ScrollableColumn is Column wrapped by ConstrainedScrollView.
  • ScrollableRow is Row wrapped by ConstrainedScrollView.

Usage

Example of using ConstrainedScrollView:

ConstrainedScrollView(
  padding: const EdgeInsets.all(8),
  physics: const BouncingScrollPhysics(),
  constraintsBuilder: (constraints) => BoxConstraints(
    minWidth: constraints.maxWidth,
    minHeight: constraints.maxHeight,
  ),
  child: const Center(
    child: Text('ScrollView value'),
  ),
)

Example of using ScrollableColumn:

ScrollableColumn(
  padding: const EdgeInsets.all(8),
  physics: const BouncingScrollPhysics(),
  constraintsBuilder: (constraints) => BoxConstraints(
    minHeight: constraints.maxHeight,
  ),
  children: [
    for (var i = 0; i <= 100; i++)
      Padding(
        padding: const EdgeInsets.all(4),
        child: Text('Column value: $i'),
      ),
  ],
)

Example of using ScrollableRow:

ScrollableRow(
  padding: const EdgeInsets.all(8),
  physics: const BouncingScrollPhysics(),
  constraintsBuilder: (constraints) => BoxConstraints(
    minWidth: constraints.maxWidth,
  ),
  children: [
    for (var i = 0; i <= 100; i++)
      Padding(
        padding: const EdgeInsets.all(4),
        child: Text('Row value: $i'),
      ),
  ],
)

Kategorien

Scrollbar, ScrollView und Scrollbar

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.