dynamic_height_grid_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das ein GridView mit dynamisch anpassbaren Elementhöhen bereitstellt und die Definition eines aspectRatio überflüssig macht. Es passt die Größe der Gitterelemente automatisch an den Inhalt an, was es ideal für Layouts mit unterschiedlichen Inhaltsabmessungen macht. Das Paket unterstützt alle wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux und sorgt für konsistentes Verhalten auf allen Geräten. Es ist leichtgewichtig und lässt sich nahtlos in bestehende Flutter-Projekte integrieren.

Anwendungsfälle

Variable-Höhe-Inhalte in Rastern anzeigen
Erstellen von responsive Layouts ohne feste Seitenverhältnisse
Dynamische Fotogalerien oder Karten-Galerien erstellen
Flexible Produktlisten implementieren
Adaptive Benutzeroberflächen für verschiedene Bildschirmgrößen gestalten

Hauptmerkmale

Automatische Höhesberechnung pro Element
Keine Angabe von aspectRatio erforderlich
Plattformübergreifende Kompatibilität
Einfache Integration mit Flutter
Unterstützt scrollbare und verschachtelte Raster
Effizientes Rendern mit minimalem Overhead

Geeignet für

Entwickler, die responsive Grid-Layouts erstellen
Apps mit unterschiedlichen Inhaltstypen
Projekte mit flexibler Benutzeroberflächengestaltung
Teams, die Konsistenz über Plattformen priorisieren
Benutzer, die nach leichten Gitterlösungen suchen

Hinweise

Kann eine sorgfältige Behandlung großer Datensätze zur Leistungsfähigkeit erfordern
Nicht geeignet für Grid-Designs mit fester Höhe
Inhaltsüberlauf sollte explizit behandelt werden
Am besten mit vorhersehbarer Inhaltsgröße verwenden
Eingeschränkte Anpassungsmöglichkeiten im Vergleich zu vollständigen benutzerdefinierten Renderern

Original-README

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

GridView with dynamic height. No need to use aspectRatio.

Usage

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: DynamicHeightGridView(
        itemCount: 120,
        crossAxisCount: 3,
        crossAxisSpacing: 10,
        mainAxisSpacing: 10,
        builder: (ctx, index) {
          /// return your widget here.
        }
      ),
    );
  }
}

Use SliverDynamicHeightGridView for CustomScrollView

Pakete, Repositories und App-Kategorien suchen