scaled_list

Visão geral do pacote

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

Scaled List é um pacote do Flutter que fornece uma lista horizontalmente rolável com um item atual visualmente impactante e efeitos personalizados de pintura curva. Melhora a experiência do usuário destacando o item ativo por meio de escala de tamanho e animações suaves, tornando-o ideal para carrosséis ou interfaces de fluxo de capas. O pacote oferece suporte a múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, proporcionando comportamento consistente entre dispositivos. Os desenvolvedores podem personalizar aparência e interação, permitindo designs de interface criativos com pouco esforço.

Casos de uso

Criando carrosséis interativos
Designando navegação em fluxo de capa
Construindo sliders de imagens com foco visual
Melhorando apresentações de produtos
Implementando listas horizontais animadas
Adicionando dimensionamento dinâmico de itens na interface

Principais recursos

Visualização de item atual dimensionada
Suporte personalizado para pintura curva
Rolagem horizontal suave
Compatibilidade multiplataforma
Opções de personalização extensíveis
Transições de animação embutidas

Indicado para

Designers de UI procurando impacto visual
Desenvolvedores construindo galerias de mídia
Aplicativos que exigem destaque de item focado
Recursos de navegação interativa de produtos
Projetos com navegação do tipo carrossel

Considerações

Pode exigir ajuste de desempenho em dispositivos de baixa potência
Pintura personalizada pode aumentar a complexidade
Suporte vertical limitado
Mais adequado apenas para layouts horizontais
Uso potencial de memória com grandes conjuntos de dados

README original

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

Pub.dev

Scaled List

A Horizontal List view With Lots of modification including a scaled current item.

Provided with curved custom painting and Dots indictor below it.
it makes the widget of item builder responsive to the device screen's width and height.
You can also set the relative width, margin width, height of selected and unselected Card to the entire screen

Usage

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ScaledList(
        itemCount: Data.categories.length,
        itemColor: (index) {
          return kMixedColors[index % kMixedColors.length];
        },
        itemBuilder: (index, selectedIndex) {
          final category = Data.categories[index];
          return Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                height: selectedIndex == index
                    ? 100
                    : 80,
                child: Image.asset(category.image),
              ),
              SizedBox(height: 15),
              Text(
                category.name,
                style: TextStyle(
                    color: Colors.white,
                    fontSize: selectedIndex == index
                        ? 25
                        : 20),
              )
            ],
          );
        },
      ),
    );
  }

Usage Scenarios

When You like to add items in scaled manner and add custom curved painting over each item.

Contributers

Hosain Mohamed Muhammad Alsaied

Buscar categorias, pacotes e repositórios

Instalar pacote