sticky_footer_scrollview

Visão geral do pacote

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

Um widget Flutter que permite conteúdo com rolagem e um rodapé fixo na parte inferior da tela ou no final do conteúdo rolável. Ideal para formulários, interfaces de chat ou qualquer layout que exija uma barra de ação persistente. O rodapé se adere dinamicamente com base na posição de rolagem, garantindo usabilidade em todas as plataformas, incluindo dispositivos móveis, web e desktop. Integra-se perfeitamente em estruturas de rolagem existentes sem configuração complexa.

Casos de uso

Interfaces de bate-papo
Entradas de formulário com ações persistentes
Navegação inferior em listas roláveis
Conteúdo dinâmico com controles fixos
Rodapés de aplicativos móveis e web

Principais recursos

Rodapé fixo na parte inferior da tela
Rodapé gruda-se ao final do conteúdo
Suporte multiplataforma
Integração fácil com ScrollView
Comportamento aderente personalizável
Funciona no Android, iOS, Web, macOS, Windows e Linux

Indicado para

Desenvolvedores criando interfaces com rolagem e rodapés persistentes
Aplicativos que precisam de barras inferiores responsivas
Designers implementando elementos colantes
Projetos Flutter multiplataforma
Componentes da interface que exigem posicionamento dinâmico

Considerações

Pode exigir gerenciamento cuidadoso de preenchimento
O comportamento depende do extent da rolagem
Não ideal para cenários de rolagem aninhada
Impacto no desempenho com grandes conjuntos de dados
Personalização limitada além da aderência básica

README original

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

A Flutter Widget that is scrollable with a sticky footer either stick to the bottom of screen of the end of the scroll body.

Background

This package using SingleScrollView and CustomMultiChildLayout to acheive a scrollable widget with a sticky footer. This allow a dynamic height of child widgets in scroll body.

At the same time, because of the SingleScrollView with Column approach, this is not recommended to use with lots of child widgets for performance reason. You may simiply test with the example to see whether it is fit for your case.

Usage

This shows Widget's full customizations:

StickyFooterScrollView({    
    this.footer,
    @required this.itemBuilder,
    @required this.itemCount,
    this.scrollController,
})

footer is the footer widget that is placed either at the bottom of screen or the end of the scroll body.
itemBuilder to build child widgets of scroll body
itemCount is the nunber of child widgets in scroll body. Only allows >= 0.
scrollController allows maunally jump to certain offset position.

Example

when scrollbody is shorter than the avialble widget height

when scrollbody is longer than the avialble widget height

@override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: StickyFooterScrollView(
          itemCount: 50,
          itemBuilder: (context, index) {
            return Card(
              child: ListTile(
                title: Text('content $index'),
              ),
              color: Colors.pinkAccent,
            );
          },
          footer: AppBar(
            title: Text('i stick at bottom'),
          ),
        ),
      ),
    );
  }

Lisence

MIT

Buscar pacotes, repositórios e categorias de apps