Detalhes do pacotev1.0.9

flutter_super_grid

Pacote do Flutter com visualizações em grade: SimpleGridView para grades básicas, FlatGridView para opções avançadas e SectionGridView para grades seccionadas e estilos adicionais.

AndroidiOSWebmacOSWindowsLinux

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

Downloads em 30 dias: 73
Curtidas: 27
Pontos Pub: 150

Instalar pacote

flutter pub add flutter_super_grid

Visão geral do pacote

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

Flutter Super Grid é um pacote versátil que oferece várias implementações de grade para aplicativos Flutter. Inclui o SimpleGridView para layouts simples, o FlatGridView para personalização avançada e recursos adicionais, e o SectionGridView para organizar conteúdo em seções com opções de estilização extras. Projetado para uso multiplataforma, suporta Android, iOS, Web, macOS, Windows e Linux. O pacote simplifica estruturas de grade complexas, mantendo flexibilidade e desempenho em todos os dispositivos.

Casos de uso

Construindo malhas de produtos responsivas
Criando listas seccionadas com cabeçalhos
Projetando layouts de painel personalizáveis
Implementando interfaces de grade dinâmicas
Exibindo coleções de mídia com agrupamento
Melhorando a IU com seções de grade estilizadas

Principais recursos

Vários tipos de grade: Simples, Plana e Seccionada
Opções avançadas de personalização
Suporte para cabeçalhos de seção e estilização
Compatibilidade multiplataforma
Leve e performático
Integração fácil por meio do pub add

Indicado para

Desenvolvedores que precisam de layouts de grade flexíveis
Aplicativos com conteúdo categorizado ou agrupado
Aplicações com foco em UI que exigem organização visual
Projetos direcionados para múltiplas plataformas
Equipes que priorizam simplicidade e reutilização de código

Considerações

Requer conhecimento dos princípios de layout do Flutter
Pode ser necessário estilização adicional para designs complexos
Documentação limitada além do uso básico
Mais adequado para estruturas de dados estáticas ou semi-dinâmicas
Não ideal para grades altamente interativas ou animadas

README original

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

Flutter Super Grid

A customizable Flutter package for displaying grid views of sections.

Installation

Add the following to your pubspec.yaml file:

dependencies:
  flutter_super_grid: ^1.0.9

Then, run:

$ flutter pub get

Features

Customizable grid view with sections and various configuration options.
Support for item tap callbacks with section and item indices.
Option to invert the row and display the grid horizontally.
Section titles with customizable styling and alignment.

SectionGridView

Usage

import 'package:flutter_super_grid/flutter_super_grid.dart';

SectionGridView(
  sections: yourSectionsList,
  renderItem: (itemData) {
    // Customize how each item is rendered
    return YourCustomItemWidget(itemData);
  },
  itemsPerRow: 3,
  // ... (See Configuration Table below)
)

FlatGridView

Usage

import 'package:flutter_super_grid/flutter_super_grid.dart';

FlatGridView(
  data: yourDataList,
  renderItem: (itemData) {
    // Customize how each item is rendered
    return YourCustomItemWidget(itemData);
  },
  itemsPerRow: 3,
  // ... (See Configuration Table below)
)

SimpleGridView

Usage

import 'package:flutter_super_grid/flutter_super_grid.dart';

SimpleGridView(
  data: yourDataList,
  renderItem: (itemData) {
    // Customize how each item is rendered
    return YourCustomItemWidget(itemData);
  },
  // ... (See Configuration Table below)
)

Configuration Table

Configuration	Type	Default Value	Description
`data`	List	-	The data to display in the grid (SimpleGridView and FlatGridView).
`sections`	List	-	The sections to display in the grid (SectionGridView only).
`renderItem`	Function	-	Function that renders each item in the grid.
`onNewItemAdded`	Function or null	null	Callback when a new item is added (SectionGridView and FlatGridView).
`onPressed`	Function or null	null	Callback when an item is pressed (SectionGridView and FlatGridView).
`itemsPerRow`	int	0	Number of items per row or column (applies when `isFixed` is false).
`itemSize`	double	120.0	The size of items in the main axis.
`minItemDimension`	double	120.0	Minimum dimension (width or height) of each grid item (applies when `isFixed` is false).
`verticalSpacing`	double	10	Vertical spacing between items.
`horizontalSpacing`	double	10	Horizontal spacing between items.
`isFixed`	bool	false	Whether the grid item size is fixed.
`horizontal`	bool	false	Whether the grid view is horizontal.
`invertedRow`	bool	false	Whether to invert the row.
`adjustGridToStyles`	bool	false	Whether to adjust the grid to styles.
`style`	SectionGridViewStyle	-	Style configuration for the grid view.
`itemContainerStyle`	ContainerStyle	ContainerStyle()	Style for the container of each item (FlatGridView only) (applies when `isFixed` is false).
`footerWidget`	Widget	SizedBox	Widget to be displayed as a footer (SectionGridView and FlatGridView).
`gridViewHeight`	double	300	Height of the gridview.
`gridViewWidth`	double	double.infinity	Width of the gridview.
`containerWidth`	double	double.infinity	Width of the main container (applies when it's greater than `gridViewWidth`).
`containerHeight`	double	300	Height of the main container (applies when it's greater than `gridViewHeight`).
`physics`	ScrollPhysics or null	null	The physics of the scroll view.