Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de coverflow
Detalhes do pacotev2.0.3

coverflow

Um projeto de pacote Flutter que é um widget simples de coverflow horizontal.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
170
Curtidas
15
Pontos Pub
130

Instalar pacote

flutter pub add coverflow

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 widget horizontal simples de coverflow, permitindo que os usuários naveguem por uma série de itens com um efeito parallax semelhante a 3D. Ideal para exibir imagens, cartões ou conteúdo de forma visualmente envolvente. O widget suporta rolagem suave e design responsivo em múltiplas plataformas. É leve e fácil de integrar em projetos existentes do Flutter. Perfeito para galerias de mídia, exibições de produtos ou sliders interativos.

Casos de uso

  • Galerias de mídia
  • Apresentação do produto
  • Controles deslizantes interativos
  • carrosséis de imagens
  • Telas de onboarding do usuário

Principais recursos

  • layout de cobertura horizontal
  • efeito de paralaxe 3D
  • Suporte multiplataforma
  • Integração simples
  • Design responsivo

Indicado para

  • Desenvolvedores criando exibições de conteúdo visual
  • Designers procurando elementos de interface interativa
  • Projetos que exigem navegação intuitiva
  • Aplicativos com interfaces pesadas em imagens
  • Aplicações web e móveis

Considerações

  • Pode afetar o desempenho com grandes conjuntos de dados
  • Opções limitadas de personalização
  • Mais adequado para contagens moderadas de itens
  • Requer manipulação cuidadosa em dispositivos de baixa potência
  • Não ideal para layouts verticais

README original

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

Coverflow

A simple horizontal coverflow widget.

Preview

Screen Recording 2021-11-25 at 1 51 14 PM Screen Recording 2021-11-25 at 1 28 56 PM

Installation

Add coverflow: ^2.0.2 to your pubspec.yaml dependecies. And import it:

import 'package:coverflow/coverflow.dart';

How to use

Simply add a Coverflow widget with required params.

final List<String> titles = [
    "Title1",
    "Title2",
    "Title3",
    "Title4",
    "Title5",
    "Title6",
    "Title7",
    "Title8",
  ];

  final List<Widget> images = [
    Container(
      color: Colors.red,
    ),
    Container(
      color: Colors.yellow,
    ),
    Container(
      color: Colors.black,
    ),
    Container(
      color: Colors.cyan,
    ),
    Container(
      color: Colors.blue,
    ),
    Container(
      color: Colors.grey,
    ),
    Container(
      color: Colors.green,
    ),
    Container(
      color: Colors.amber,
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          height: 200,
          child: CoverFlow(
            images: images,
            titles: titles,
            textStyle: TextStyle(color: Colors.red),
          ),
        ),
      ),
    );
  }

Params

CoverFlow(
    images: images,
    titles: titles,
    displayOnlyCenterTitle: true,
    textStyle: TextStyle(color: Colors.red),
)

Categorias

Carrossel ou Cover Flow

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.