Paketdetailsv0.0.2

intrinsic_grid_view

IntrinsicGridView ist eine benutzerdefinierte GridView, die ein 2D-Array von Kindern mit intrinsischer Breite und Höhe bereitstellt. Sie verfügt über zwei benannte Konstruktoren: horizontal und vertical.

AndroidiOSWebmacOSWindowsLinux

pub.dev API-Dokumentation Quellcode

30-Tage-Downloads: 283
Likes: 29
Pub-Punkte: 140

Paket installieren

flutter pub add intrinsic_grid_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

IntrinsicGridView ist ein Flutter-Paket, das eine benutzerdefinierte GridView mit intrinsischer Breite und Höhe für ihre Kinder implementiert, die in einem 2D-Gitter angeordnet sind. Es unterstützt sowohl horizontale als auch vertikale Layouts über zwei benannte Konstruktoren und ermöglicht flexible und responsive Grid-Designs. Das Paket stellt sicher, dass jedes Kind seine natürliche Größe beibehält, während es in die Gitterstruktur passt, was es ideal für Inhalte mit konsistenter Größenanpassung ohne feste Abmessungen macht. Es funktioniert auf allen wichtigen Plattformen: Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

Reaktive Gitterlayouts
Dynamischer Inhalt mit variabler Größe
Flexible Benutzeroberflächen auf mehreren Plattformen
inhaltsreiche Dashboards
Anpassbare 2D-Anordnungen

Hauptmerkmale

Unterstützung für innere Breite und Höhe
Horizontale und vertikale Layout-Konstruktoren
Funktionen für responsive Design
Plattformübergreifende Kompatibilität
Einfache Integration über pub
Automatische Größenanpassung von Kindern

Geeignet für

Entwickler, die adaptive Raster benötigen
UI-Designer, die mit dynamischen Inhalten arbeiten
Projekte für mehrere Plattformen
Apps mit flexiblen Layoutstrukturen
Ersteller von Datenvisualisierungs-Schnittstellen

Hinweise

Kann eine Leistungsoptimierung bei großen Datensätzen erfordern
Beschränkt auf 2D-Array-Struktur
Nicht geeignet für sehr komplexe verschachtelte Layouts
Hängt von den Elterneinschränkungen für die Größenanpassung ab
Am besten mit vorhersehbaren Kindmaßen verwenden

Original-README

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

intrinsic_grid_view

A Custom GridView, IntrinsicGridView provides 2D array of children with Intrinsic width and height.

Having two named Constructors

IntrinsicGridView.vertical scrolls in vertical direction.

IntrinsicGridView.horizontal scrolls in horizontal direction.

`GridView` vs `IntrinsicGridView`

Properties	GridView	IntrinsicGridView
contents `overflow`	Yes	No
`children` width vary with item width	No	Yes
`children` height vary with item height	No	Yes
if any `children`'s `height` vary, the adjacent child set new `height`	No	Yes

Usage

Add dependency.

Run this command with Flutter:

$ flutter pub add intrinsic_grid_view

or add following package in your pubspec.yaml file inside the dependencies: section.

dependencies:
  intrinsic_grid_view: ^0.0.2

Importing the library:

import 'package:intrinsic_grid_view/intrinsic_grid_view.dart';

Examples:

IntrinsicGridView.vertical example

code

      IntrinsicGridView.vertical(
          padding: EdgeInsets.only(top: 16, bottom: 12, left: 12, right: 12),
          // columnCount: 3,
          verticalSpace: 10,
          horizontalSpace: 10,
          children: [
            for (var scientist in scientists)
              _buildWidget(scientist),
          ]
      ), // IntrinsicGridView.vertical

IntrinsicGridView.horizontal example

code

      IntrinsicGridView.horizontal(
          padding: EdgeInsets.only(top: 16, bottom: 12, left: 12, right: 12),
          // rowCount: 1,
          verticalSpace: 10,
          horizontalSpace: 10,
          children: [
            for (var scientist in scientists)
              _buildHorizontalWidget(scientist),
          ]
      ), // IntrinsicGridView.horizontal

IntrinsicGridView.vertical + IntrinsicGridView.horizontal example

code

        Column(
          children: [
            Expanded(
              flex: 3,
              child: Row(
                children: [
                  Expanded(
                    child: IntrinsicGridView.vertical(
                        padding: EdgeInsets.only(top: 16, bottom: 12, left: 12, right: 12),
                        columnCount: 1,
                        verticalSpace: 10,
                        horizontalSpace: 10,
                        children: [
                          for (var scientist in scientists)
                            _buildWidget(scientist),
                        ]
                    ), // IntrinsicGridView.vertical
                  ),

                  Expanded(
                    child: IntrinsicGridView.vertical(
                        padding: EdgeInsets.only(top: 16, bottom: 12, left: 12, right: 12),
                        // columnCount: 3,
                        verticalSpace: 10,
                        horizontalSpace: 10,
                        children: [
                          for (var scientist in scientists)
                            _buildWidget(scientist),
                        ]
                    ), // IntrinsicGridView.vertical
                  ),


                ],
              ),
            ),

            Expanded(
              child: IntrinsicGridView.horizontal(
                  padding: EdgeInsets.only(top: 16, bottom: 12, left: 12, right: 12),
                  // rowCount: 1,
                  verticalSpace: 10,
                  horizontalSpace: 10,
                  children: [
                    for (var scientist in scientists)
                      _buildHorizontalWidget(scientist),
                  ]
              ), // IntrinsicGridView.horizontal
            ),
          ],
        ),