vertical_card_pager

Visão geral do pacote

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

Um pacote Flutter que permite aos desenvolvedores criar paginadores verticais dinâmicos e visualmente atraentes. Ele suporta rolagem suave e transições interativas de cartões, ideal para apresentar conteúdo de forma empilhada e envolvente. Projetado para uso no Android, iOS e Web, melhora a experiência do usuário com animações elegantes e layouts responsivos. O pacote é especialmente útil para aplicativos que exigem navegação baseada em cartões imersiva ou apresentação de conteúdo.

Casos de uso

Apresentações interativas de produtos
Controles deslizantes do perfil do usuário
Carrosséis de conteúdo
Interfaces de aplicativos educacionais
Experiências de navegação de mídia

Principais recursos

Transições verticais suaves de cartão
Aparência personalizável do cartão
Design responsivo em várias plataformas
Suporte para gestos táteis
Efeitos de animação embutidos

Indicado para

Desenvolvedores de aplicativos móveis e web
Aplicações centradas no design
Implementações de interface do usuário baseadas em cartões
Aplicativos com conteúdo visual rico

Considerações

Pode exigir otimização de desempenho para grandes conjuntos de dados
Personalização limitada para layouts complexos
Depende do tratamento estável de gestos em todas as plataformas

README original

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

Use dynamic and beautiful card view pagers to help you create great apps.

Preview

Alignment

Left	Center(Default)	Right

Installing

Add dependency to pubspec.yaml

Get the latest version in the 'Installing' tab on pub.dartlang.org

dependencies:
    vertical_card_pager: ^1.6.0

Import the package

import 'package:vertical_card_pager/vertical_card_pager.dart';

Adding VerticalCardPager

With optional parameters

  @override
  Widget build(BuildContext context) {
    final List<String> titles = ["RED", "YELLOW", "BLACK", "CYAN", "BLUE", "GREY", ];

    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,
      ),
    ];
    return Scaffold(
      body: SafeArea(
        child: Column(
          children: <Widget>[
            Expanded(
              child: Container(
                child: VerticalCardPager(
                  titles: titles,  // required
                  images: images,  // required
                  textStyle: TextStyle(color: Colors.white, fontWeight: FontWeight.bold), // optional
                  onPageChanged: (page) { // optional
                  },
                  onSelectedItem: (index) { // optional
                  },
                  initialPage: 0, // optional
                  align : ALIGN.CENTER, // optional
                  physics : ClampingScrollPhysics() // optional 
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

How to use

Check out the example app in the example directory or the 'Example' tab on pub.dartlang.org for a more complete example.

Example on Web

https://origogi.github.io/Vertical_Card_Pager/#/

Reference

This package's animation is inspired from from this Dribbble art.

Buscar categorias, pacotes e repositórios

Instalar pacote