flutter_scroll_shadow

Visão geral do pacote

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

Flutter Scroll Shadow é um pacote leve que adiciona sombras dinâmicas a widgets roláveis, melhorando a profundidade visual e o feedback do usuário. Ele suporta rolagem vertical e horizontal com compatibilidade total com ScrollController. Ideal para melhorar a estética de listas, grades e outros conteúdos roláveis em todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. A sombra se ajusta em tempo real conforme o usuário rola, criando um efeito visual sutil, mas eficaz.

Casos de uso

Melhorar a visibilidade do item da lista
Criando profundidade em interfaces rolagens
Melhorando a UX com feedback visual
Adicionando polimento aos layouts do painel
Apoiar designs de modo escuro

Principais recursos

Ajuste em tempo real da sombra
Suporte a rolagem vertical e horizontal
Integração do ScrollController
Compatibilidade multiplataforma
Sobrecarga de desempenho mínima

Indicado para

Designers de UI em busca de acabamento visual
Desenvolvedores construindo aplicativos com muita rolagem
Aplicativos que exigem animações sutis
Projetos direcionados para múltiplas plataformas
Equipes focadas no design responsivo

Considerações

Pode afetar o desempenho em dispositivos de baixa gama
A aparência da sombra depende do tema e do fundo
Personalização limitada além da intensidade da sombra
Não adequado para comportamentos de rolagem complexos
Requer testes cuidadosos em diferentes tamanhos de tela

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

Scroll Shadow

ScrollShadow is a widget for Flutter that adds shadows to a scrollable child.

Supports ScrollController and vertical or horizontal orientation.


ScrollShadow

Features

Adds shadows over a scrollable child while not at its max extents
Supports vertical and horizontal Axis
Customizable animation duration
Determine how wide or tall shadows render

Usage

Make sure to check out the examples on GitHub.

Installation

Add the following line to pubspec.yaml:

dependencies:
  flutter_scroll_shadow: <last-release>

Basic setup

Complete example available here.

ScrollShadow(
  color: Colors.grey,
  child: ListView(
    children: List.generate(20, (index) => ListTile(title: Text('Element $index'),)),
  ),
);

Properties

color: for the shadows; default: Colors.grey
size: The width or height of shadows, depending on Axis; default: 15.0
child: Scrollable child contained by the ScrollShadow
duration: Milliseconds, as an int, for animation of shadow visibility changes; default: 300
fadeInCurve: The animation [Curve] to use for shadow appearance; default: Curves.easeIn
fadeOutCurve: The animation [Curve] to use for shadow disappearance; default: Curves.easeOut
ignoreInteraction: Determines if shadow is wrapped inside a [IgnorePointer] widget, so that all touch events with the shadow will be ignored; default: true