extended_nested_scroll_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 NestedScrollView embutido para resolver problemas comuns com cabeçalhos fixos e scrolláveis internos sincronizados. Ele garante um comportamento de rolagem suave quando visualizações aninhadas são usadas juntas, especialmente quando os cabeçalhos permanecem fixos enquanto o conteúdo interno rola. Ideal para interfaces complexas como cabeçalhos colapsáveis com várias seções roláveis. O pacote é mantido por fluttercandies.com e oferece suporte a todas as principais plataformas, incluindo móvel, web e desktop.

Casos de uso

Layouts complexos com cabeçalhos fixos
Rolagem sincronizada em visualizações de rolagem aninhadas
designs de cabeçalho collapsible
Interfaces navegáveis em múltiplas seções
Coordenação de rolagem personalizada
Interfaces do usuário responsivas com conteúdo dinâmico

Principais recursos

Corrige problemas de sincronização de cabeçalho fixo
Suporta todas as plataformas do Flutter
Coordenação de rolagem aprimorada
Integração fácil com NestedScrollView existente
Desempenho otimizado para rolagem aninhada
Estende a funcionalidade nativa do NestedScrollView

Indicado para

Desenvolvedores construindo interfaces de usuário avançadas com rolagem
Aplicativos com cabeçalhos colapsáveis ou fixos
Equipes que precisam de comportamento de rolagem aninhada confiável
Aplicações com foco em UI em múltiplas plataformas
Desenvolvedores Flutter procurando sincronização de rolagem estável

Considerações

Requer compreensão dos mecanismos do NestedScrollView
Pode adicionar um pequeno sobrecusto para casos simples de rolagem
Mais adequado para hierarquias de rolagem complexas
Não necessário para layouts básicos com rolagem
Personalização limitada além da sincronização de rolagem

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

Language: English | 中文简体

NestedScrollView: extended nested scroll view to fix following issues.

1.pinned sliver header issue

2.inner scrollables in tabview sync issue

3.do without ScrollController in NestedScrollView's body

Web demo for ExtendedNestedScrollView

extended_nested_scroll_view
Example for issue 1
Example for issue 2
- ExtendedVisibilityDetector
Do without ScrollController in NestedScrollView's body

Example for issue 1

give total height of pinned sliver headers in pinnedHeaderSliverHeightBuilder callback

 var tabBarHeight = primaryTabBar.preferredSize.height;
      var pinnedHeaderHeight =
          //statusBar height
          statusBarHeight +
              //pinned SliverAppBar height in header
              kToolbarHeight;

    ExtendedNestedScrollView(
        pinnedHeaderSliverHeightBuilder: () {
          return pinnedHeaderHeight;
        }
       )   ,

Example for issue 2

We usually keep list scroll position with following:

scene	onlyOneScrollInBody	description
AutomaticKeepAliveClientMixin	true	ScrollPosition will not be disposed, set onlyOneScrollInBody to true so that we can know which list is isActived.
PageStorageKey	false	ScrollPosition will be disposed, PageStorageKey just record the position info,the scroll positions in ExtendedNestedScrollView will always single one.

    ExtendedNestedScrollView(
       onlyOneScrollInBody: true,
    )

ExtendedVisibilityDetector

Provide ExtendedVisibilityDetector to point out which list is visible

   ExtendedVisibilityDetector(
      uniqueKey: const Key('Tab1'),
      child: ListView(),
   )

Do without ScrollController in NestedScrollView's body

due to we can't set ScrollController for list in NestedScrollView's body(it will breaking behaviours of InnerScrollController in NestedScrollView),provide Demos
pull to refresh
load more
scroll to top

show how to do it without ScrollController
pinned header height

show how to change pinned header height dynamically.

Buscar pacotes, repositórios e categorias de apps