infinite_widgets

Visão geral do pacote

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

InfiniteWidgets é um pacote Flutter que simplifica a criação de listas e grades roláveis infinitas, ideal para carregar dados de bancos de dados ou fontes de rede de forma incremental. Ele fornece widgets de layout que lidam com a lógica de paginação de forma transparente, reduzindo o código repetitivo. Projetado para desempenho, ele carrega itens sob demanda de maneira eficiente, tornando-se perfeito para grandes conjuntos de dados. O pacote suporta todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

Carregando grandes conjuntos de dados de APIs
Criando feeds de rolagem infinita
Construindo grades dinâmicas com carregamento preguiçoso
Implementando conteúdo paginado em aplicativos
Exibindo fluxos de dados em tempo real

Principais recursos

Carregamento preguiçoso eficiente
Suporte para listas e grades infinitas
Tratamento de paginação embutido
Compatibilidade multiplataforma
Código mínimo de boilerplate
Experiência do usuário suave

Indicado para

Aplicativos com grandes conjuntos de dados
feeds de redes sociais
Listagens de produtos de comércio eletrônico
Exibição de dados em tempo real
Desenvolvedores procurando paginação simples

Considerações

Requer gerenciamento adequado de estado
Pode ser necessário tratamento personalizado de erros
Mais adequado para fluxos contínuos de dados
Não ideal para listas estáticas pequenas
O desempenho depende da eficiência da fonte de dados

README original

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

Infinite layout widgets like lists, grids...

Infinite list

InfiniteListView has same attributes as a normal flutter ListView widget.

InfiniteListView.separated(
        itemBuilder: (context, index) {
          return Text('$index', style: TextStyle(color: Colors.red, fontWeight: FontWeight.bold));
        },
        itemCount: _data.length, // Current itemCount you have
        hasNext: _data.length < 200, // let the widget know if you have more data to show or not
        nextData: this.loadNextData, // callback called when end to the list is reach and hasNext is true
        separatorBuilder: (context, index) => Divider(height: 1),
      ),
    );

You can specify the last loading row by providing loadingWidget.

You can interact with the trigger to load additional data by default it's 300 but you can override it with scrollThreshold.

Infinite grid

InfiniteGridView has same attributes as a normal flutter GridView widget.

InfiniteGridView(
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 4),
        itemBuilder: (context, index) {
          return Text('$index', style: TextStyle(color: Colors.white));
        },
        itemCount: _data.length, // Current itemCount you have
        hasNext: _data.length < 200, // let the widget know if you have more data to show or not
        nextData: this.loadNextData, // callback called when end to the list is reach and hasNext is true
      ),
    );