Detalhes do pacotev0.0.2

intrinsic_grid_view

IntrinsicGridView é uma GridView personalizada que fornece uma matriz 2D de filhos com largura e altura intrínsecas. Possui dois construtores nomeados: horizontal e vertical.

AndroidiOSWebmacOSWindowsLinux

pub.dev Documentação da API Código-fonte

Downloads em 30 dias: 283
Curtidas: 29
Pontos Pub: 140

Instalar pacote

flutter pub add intrinsic_grid_view

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

IntrinsicGridView é um pacote Flutter que implementa uma GridView personalizada com largura e altura intrínsecas para seus filhos, organizados em uma grade 2D. Ele oferece suporte a layouts horizontais e verticais por meio de dois construtores nomeados, permitindo designs de grade flexíveis e responsivos. O pacote garante que cada filho mantenha seu tamanho natural enquanto se encaixa na estrutura da grade, tornando-o ideal para conteúdo que exige dimensões consistentes sem dimensões fixas. Funciona em todas as principais plataformas: Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

Layouts de grade responsivos
Conteúdo dinâmico com tamanhos variáveis
Interfaces de usuário flexíveis em múltiplas plataformas
Painéis com conteúdo pesado
Organizações 2D personalizáveis

Principais recursos

Suporte de largura e altura intrínsecas
Construtores de layout horizontal e vertical
Capacidades de design responsivo
Compatibilidade multiplataforma
Integração simples via pub
Dimensionamento automático de filhos

Indicado para

Desenvolvedores que precisam de grades adaptativas
Designers de UI trabalhando com conteúdo dinâmico
Projetos direcionados para múltiplas plataformas
Aplicativos que exigem estruturas de layout flexíveis
Construtores de interfaces de visualização de dados

Considerações

Pode exigir ajuste de desempenho com grandes conjuntos de dados
Limitado à estrutura de matriz 2D
Não adequado para layouts aninhados altamente complexos
Depende das restrições do pai para o tamanho
Melhor usado com dimensões de filho previsíveis

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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
            ),
          ],
        ),