flutter_section_list_view

Visão geral do pacote

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

Um pacote Flutter que estende o ListView padrão para suportar listas seccionadas semelhantes ao UITableView do iOS. Permite aos desenvolvedores organizar itens de lista em seções com cabeçalhos e rodapés, melhorando a legibilidade e estrutura para conjuntos de dados complexos. O pacote é projetado para integração perfeita com aplicativos Flutter existentes, oferecendo uma interface familiar para desenvolvedores vindos do iOS. Suporta atualizações dinâmicas, estilos personalizados de seção e desempenho de rolagem suave.

Casos de uso

Criando listas de contatos agrupados
Implementando menus de configurações segmentadas
Exibindo catálogos de produtos categorizados
Criando visualizações de tabela no estilo iOS no Flutter
Organizando mensagens de bate-papo por data
Renderização de estruturas de dados hierárquicas

Principais recursos

Cabeçalhos e rodapés de seção
Comportamento semelhante ao UITableView do iOS
Estilo de seção personalizável
Atualizações dinâmicas de dados
Desempenho de rolagem suave
Suporte para listas aninhadas

Indicado para

Desenvolvedores migrando do iOS para o Flutter
Aplicativos que exigem dados estruturados exibem
Interfaces de usuário com muitas listas que precisam de agrupamento
Equipes priorizando padrões de UX nativos do iOS
Projetos que precisam de layouts de lista limpos e organizados

Considerações

Otimizações específicas de plataforma limitadas além do estilo iOS
Pode exigir estilos adicionais para designs não iOS
Não é ideal para conjuntos de dados muito grandes sem paginação
Sem suporte embutido para reordenamento por arrastar e soltar
Depende de repositório externo no GitHub para atualizações

README original

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

A flutter list view which supports sections like iOS UITableView with no overhead

Usage

To use this plugin, add flutter_section_list_view as a dependency in your pubspec.yaml file.

Getting Started

Import this class

import 'flutter_section_list_view/flutter_section_list_view.dart';

Add flutter_section_list_view Widget

After importing this plugin to your project, you can simply use it as a normal widget


FlutterSectionListView(
        numberOfSection: 4,
        numberOfRowsInSection: (section) {
          return section * 3 + 1;
        },
        sectionWidget: (section) {
          return Container(child: Padding(
            padding: const EdgeInsets.all(8),
            child: Text('Section $section'),
          ), color: Colors.grey,);
        },
        rowWidget: (section, row) {
          return Container(
            child: Padding(
              padding: EdgeInsets.all(8),
              child: Text('Row $section - $row'),
            ),
          );
        },
      )

To use Pull-To-Refresh feature, simply provide value to attribute 'refresh', a callback function

listView.refresh = () async {
      await new Future.delayed(new Duration(seconds: 3));
      print('List Refreshed');
    };

For Pagination feature, provide value to attribute 'loadMoreData', a callback function

listView.loadMoreData = () async {
      await new Future.delayed(new Duration(seconds: 2));
      print('More Data loaded and List refreshed');
      /// set 'isMoreAvailable' attribute to 'false' when there are no more pages to return 
      listView.isMoreAvailable = false;
    };

Buscar pacotes, repositórios e categorias de apps