scroll_indicator

Visão geral do pacote

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

Um pacote Flutter que fornece um indicador de rolagem para widgets ListView ou GridView, atualizando dinamicamente com base na posição de rolagem por meio de um controlador de escuta. Melhora a experiência do usuário ao indicar visualmente o progresso da rolagem, especialmente útil em listas ou grades longas. O indicador é personalizável e funciona em todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Projetado para ser leve e fácil de integrar a componentes de rolagem existentes.

Casos de uso

Feedback visual de progressão de rolagem
Melhorando a UX em listas longas
indicadores de rolagem personalizáveis
Rastreamento de rolagem multiplataforma
Integração com ListView e GridView
Monitoramento de posição de rolagem em tempo real

Principais recursos

Escuta o controlador de rolagem
Indicação dinâmica de progresso
Suporte multiplataforma
Leve e dependências mínimas
Aparência personalizável
Funciona com ambos ListView e GridView

Indicado para

Desenvolvedores construindo interfaces com rolagem
Aplicativos que exigem feedback visual de rolagem
Projetos direcionados para múltiplas plataformas
Designers de UI focados na experiência do usuário
Iniciantes do Flutter aprendendo sobre rolagem
Aplicativos com listas extensas de conteúdo

Considerações

Requer um ScrollController para funcionar
Pode ser necessário ajustes de estilo para designs personalizados
Limitado a widgets roláveis como ListView e GridView
Não adequado para layouts não roláveis
Impacto no desempenho desprezível, mas depende da complexidade
Melhor usado com animações de rolagem suave

README original

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

Scroll indicator inspired by the Shopee application.

Usage

ScrollIndicator(
	scrollController: scrollController,
	width: 50,
	height: 5,
	indicatorWidth: 20,
	decoration: BoxDecoration(
	borderRadius: BorderRadius.circular(10),
	color: Colors.grey[300]),
	indicatorDecoration: BoxDecoration(
	color: Colors.deepOrange,
	borderRadius: BorderRadius.circular(10)),
),

Demo

Support me on Saweria

https://saweria.co/saddamnur

saweria

Buscar pacotes, repositórios e categorias de apps