infinite_widgets

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

InfiniteWidgets ist ein Flutter-Paket, das die Erstellung unendlicher scrollbarer Listen und Raster vereinfacht und ideal für das schrittweise Laden von Daten aus Datenbanken oder Netzwerkquellen ist. Es bietet Layout-Widgets, die die Paginierungslogik nahtlos verarbeiten und Boilerplate-Code reduzieren. Für Leistung optimiert, lädt es Elemente auf Anforderung effizient, was es perfekt für große Datensätze macht. Das Paket unterstützt alle wichtigen Plattformen, einschließlich Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

Große Datensätze von APIs laden
Unendliche Scrollfeeds erstellen
Dynamische Raster mit Lazy Loading erstellen
Paginierte Inhalte in Apps implementieren
Anzeige von Echtzeit-Datenströmen

Hauptmerkmale

Effizientes Lazy Loading
Unterstützung für unendliche Listen und Raster
Eingebaute Paginierungsbearbeitung
Plattformübergreifende Kompatibilität
Minimale Boilerplate-Code
Glatte Benutzererfahrung

Geeignet für

Anwendungen mit großen Datensätzen
Soziale Medien-Feeds
E-Commerce-Produktlisten
Echtzeit-Datenanzeige
Entwickler, die einfache Paginierung suchen

Hinweise

Erforderliche Zustandsverwaltung
Benötigt möglicherweise benutzerdefinierte Fehlerbehandlung
Am besten geeignet für kontinuierliche Datenströme
Nicht ideal für kleine statische Listen
Die Leistung hängt von der Effizienz der Datenquelle ab

Original-README

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

Infinite layout widgets like lists, grids...

Infinite list

InfiniteListView has same attributes as a normal flutter ListView widget.

InfiniteListView.separated(
        itemBuilder: (context, index) {
          return Text('$index', style: TextStyle(color: Colors.red, fontWeight: FontWeight.bold));
        },
        itemCount: _data.length, // Current itemCount you have
        hasNext: _data.length < 200, // let the widget know if you have more data to show or not
        nextData: this.loadNextData, // callback called when end to the list is reach and hasNext is true
        separatorBuilder: (context, index) => Divider(height: 1),
      ),
    );

You can specify the last loading row by providing loadingWidget.

You can interact with the trigger to load additional data by default it's 300 but you can override it with scrollThreshold.

Infinite grid

InfiniteGridView has same attributes as a normal flutter GridView widget.

InfiniteGridView(
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 4),
        itemBuilder: (context, index) {
          return Text('$index', style: TextStyle(color: Colors.white));
        },
        itemCount: _data.length, // Current itemCount you have
        hasNext: _data.length < 200, // let the widget know if you have more data to show or not
        nextData: this.loadNextData, // callback called when end to the list is reach and hasNext is true
      ),
    );