Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de m3_carousel
Detalhes do pacotev2.1.5

m3_carousel

Uma implementação do Flutter para o carrossel do Material Design 3 (https://m3.material.io/components/carousel/overview).

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
940
Curtidas
45
Pontos Pub
160

Instalar pacote

flutter pub add m3_carousel

Visão geral do pacote

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

Um pacote Flutter que implementa o carrossel do Material Design 3, oferecendo uma maneira moderna, interativa e visualmente atraente de exibir conteúdo em um layout deslizante horizontal. Inspirado nas diretrizes oficiais do M3, ele suporta animações suaves, design responsivo e interações intuitivas em todas as principais plataformas. O carrossel é ideal para mostrar imagens, cartões ou listagens de produtos com efeitos de profundidade e movimento. Integra-se perfeitamente em aplicativos Flutter e segue os princípios do Material Design 3 para consistência e acessibilidade.

Casos de uso

  • Exibindo galerias de imagens
  • Destacando os destaques do produto
  • Apresentando conteúdo em destaque
  • Criando telas interativas de boas-vindas
  • Construindo interfaces dinâmicas baseadas em cartões

Principais recursos

  • Compatível com o Material Design 3
  • Rolagem horizontal suave
  • Efeitos de profundidade e movimento
  • Layout responsivo
  • Suporte independente de plataforma
  • Aparência personalizável do item

Indicado para

  • Aplicativos que precisam de componentes de interface modernos
  • Designers seguindo as diretrizes M3
  • Desenvolvedores construindo interfaces ricas em mídia
  • Aplicativos móveis e web multiplataforma
  • Projetos com foco em engajamento visual

Considerações

  • Pode exigir ajuste de desempenho para grandes conjuntos de dados
  • Personalização limitada para estilos não M3
  • Mais adequado para listas de conteúdo moderadas
  • Requer manipulação cuidadosa de gestos de toque em telas pequenas
  • Não otimizado para carrosséis verticais

README original

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

M3_Carousel

A flutter implementation of the Material Design 3 carousel. Built on the CarouselView.

Feature Highlights

  • Hero carousel with support for "left", "center" and "right" alignments.

  • Contained carousel. Extended view inclusive.

  • Uncontained carousel.

  • Horizontal or vertical scrolling via axis.

Installing

In your pubspec.yaml

dependencies:
  m3_carousel: ^2.1.4 # requires Dart => ^3.12.0, Flutter >=3.38.0

Usage

import "package:m3_carousel/m3_carousel.dart";

M3Carousel(
    type: CarouselType.hero,
    heroAlignment: HeroAlignment.center,
    axis: Axis.horizontal,
    onTap: (int tapIndex) => log(tapIndex.toString()),
    children: List<Widget>.generate(10, (int index) {
        return ColoredBox(
            color: Colors.primaries[index % Colors.primaries.length]
                .withValues(alpha: 0.8),
            child: const SizedBox.expand(),
        );
    }),
),

See example/lib/main.dart for complete examples.

Reference

Use of CarouselView is govern by the Flutter Authors LICENSE

License

MIT license

Categorias

Carrossel ou Cover Flow

Dependências

Lista de dependências 3 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.