curved_carousel

Visão geral do pacote

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

Curved Carousel é um pacote do Flutter que exibe uma lista de widgets em um layout curvo e visualmente envolvente, suportando tanto orientações horizontais quanto verticais. Ele melhora a experiência do usuário ao apresentar conteúdo de forma dinâmica e fluida, lembrando os efeitos de cover flow. Ideal para mostrar imagens, cartões ou outros elementos da interface com uma estética moderna. O pacote é compatível com todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o versátil para aplicativos multiplataforma. Integra-se perfeitamente com o sistema de widgets do Flutter e requer configuração mínima via pub add.

Casos de uso

Mostrando imagens de produtos em aplicativos de comércio eletrônico
Exibindo conteúdo destacado em galerias de mídia
Criando controles deslizantes interativos com profundidade visual
Melhorando telas de boas-vindas com layouts dinâmicos
Apresentando portfólios ou coleções em um formato único

Principais recursos

Suporta layouts curvos horizontais e verticais
Animação suave e interação responsiva
Compatibilidade multiplataforma
Integração fácil com o sistema de widgets do Flutter
Raio de curva e espaçamento personalizáveis
Suporte integrado a gestos para navegação

Indicado para

Desenvolvedores procurando designs modernos de carrossel
Aplicativos que exigem apresentação visualmente atraente de conteúdo
Projetos com foco em interfaces de usuário interativas
Aplicações voltadas para design com mídia rica
Aplicativos móveis e web multiplataforma

Considerações

Pode afetar o desempenho com grandes conjuntos de dados
Requer ajuste cuidadoso dos parâmetros da curva para a melhor aparência
Opções limitadas de personalização além do estilo básico
Não ideal para listas lineares simples
Mais adequado para coleções de conteúdo de tamanho moderado

README original

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

Curved Carousel

A Flutter package for easy implementation of curved carousel.

Easy to use

CurvedCarousel(
      itemBuilder: (context, i) {
        return Item(img: listItem[i].img, selectionChange: (bool){
          print('onTap:: ${listItem[i].name}')
        }, selected: listItem[i].selected,key: ValueKey(listItem[i].selected),);
      },
      itemCount: listItem.length,
      middleItemScaleRatio: 1.5,
)

Attributes

itemBuilder : builder function returns widget of given index
itemCount : total widgets
viewPortSize : how much size a single item will have, the fractional value lies between 0 and 1, 1 means full size
curveScale : it specifies curviness
disableInfiniteScrolling : by default, infinite scrolling is enable, but if you want to disable it make it true
scaleMiddleItem : scales middle item of carousel, by default it is true
middleItemScaleRatio : it is scaling parameter for middle item
tiltItemWithcurve : does the items angle need to be follow to curve, by default this is true
horizontalPadding : a padding to apply horizontally to the carousel, the default is no padding
animationDuration : a duration of the item change animation in milliseconds, the default value is 300
onChangeEnd : a function to trigger when the item change animation is done
onChangeStart : a function to trigger when the item change animation is start
moveAutomatically : allow to change the current selected item automatically, default is set to false.
automaticMoveDelay : the delay between automatic movements, default is 5000
reverseAutomaticMovement : reverse the direction of the automatic movement, default is false

Buscar categorias, pacotes e repositórios

Instalar pacote