coordinator_layout

Visão geral do pacote

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

O pacote coordinator_layout fornece um conjunto de widgets e layouts projetados para gerenciar o comportamento de cabeçalho colapsável em aplicativos Flutter. Inspirado no CoordinatorLayout do Android, ele permite interações suaves e coordenadas de rolagem entre cabeçalhos e conteúdo subjacente. Esta biblioteca é ideal para criar interfaces dinâmicas e responsivas, onde os cabeçalhos se colapsam ou revelam conteúdo conforme os usuários rodam. Suporta múltiplas plataformas, incluindo móvel, web e desktop, tornando-a versátil para desenvolvimento multiplataforma. O pacote integra-se perfeitamente aos widgets existentes do Flutter para oferecer experiências de rolagem semelhantes às nativas.

Casos de uso

Implementando barras de aplicativos colapsáveis
Criando interfaces dinâmicas com rolagem
Construindo layouts de cabeçalho responsivos
Melhorando a experiência do usuário com rolagem suave
Projetando comportamentos de rolagem complexos

Principais recursos

animações de cabeçalho colapsável
Compatibilidade multiplataforma
Integração com ScrollController
Suporte para rolagem aninhada
Comportamento de layout personalizável

Indicado para

Desenvolvedores de aplicativos com design material
Designers de UI procurando efeitos de rolagem avançados
Aplicativos que exigem interações dinâmicas de cabeçalho
Projetos Flutter multiplataforma
Padrões complexos de rolagem da interface

Considerações

Requer entendimento de controladores de rolagem
Pode aumentar a complexidade para layouts simples
Mais indicado para designs de interface avançados
O desempenho depende da aninhamento de widgets
Documentação limitada em comparação com os widgets principais do Flutter

README original

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

a Library contains widget/layout to handle collapsing header behavior

Example

CoordinatorLayout(
    headerMaxHeight: 200,
    headerMinHeight: kToolbarHeight + MediaQuery.of(context).padding.top,
    headers: [
        SliverCollapsingHeader(
            builder: (context, offset, diff) {
                return ...;
            },
        ),
    ],
    body: Container(height: null, child: buildBody(context)),
),

Fit content

CoordinatorLayout(
    headerMaxHeight: 200,
    headerMinHeight: kToolbarHeight + MediaQuery.of(context).padding.top,
    header:[ 
        Builder(builder: (context) {
            return SliverOverlapAbsorber(
            handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
            sliver: SliverSafeArea(
                top: false,
                sliver: SliverCollapsingHeader(
                builder: (context, offset, diff) {
                    return ...;
                },
                ),
            ),
            );
        }),
    ],
    body: Container(height: null, child: buildBody(context)),
),

Buscar pacotes, repositórios e categorias de apps