card_animation_hover

Visão geral do pacote

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

Um StatefulWidget do Flutter que renderiza um cartão com um efeito de animação suave ao passar o mouse, melhorando a interação do usuário em plataformas compatíveis. Projetado para interfaces modernas, responde a entradas de mouse ou toque animando a elevação, escala e sombra do cartão. Ideal para painéis, portfólios e layouts interativos onde o feedback visual melhora a usabilidade. O pacote é leve e se integra perfeitamente em projetos existentes.

Casos de uso

Painéis interativos
Portfólio de exibição
Cartões de produto em aplicativos da web
Pré-visualizações do perfil do usuário
Itens de lista dinâmicos

Principais recursos

Animações suaves baseadas em hover
Suporte multiplataforma (Web, móvel, desktop)
Curvas de animação personalizáveis
Transições de elevação e escala
Integração simples com widgets existentes

Indicado para

Designers de UI procurando elementos interativos
Desenvolvedores construindo interfaces web responsivas
Projetos que exigem feedback sutil ao passar o mouse
Iniciantes do Flutter explorando widgets com estado
Aplicativos destinados a múltiplas plataformas

Considerações

Pode não funcionar como esperado em dispositivos somente de toque sem lógica adicional
Impacto no desempenho em dispositivos de baixa potência com muitos cartões animados
Personalização limitada além das propriedades básicas de animação
Requer manipulação de eventos de ponteiro para funcionalidade completa
Não otimizado para interações de hover de alta frequência

README original

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

This class is a StatefulWidget that displays a card with a hover animation effect.

Features

 body: SingleChildScrollView(
          child: Center(
            child: Padding(
              padding: const EdgeInsets.all(40.0),
              child: Wrap(
                spacing: 20.0,
                runSpacing: 22.0,
                children: cards
                    .map((card) => CardAnimationHover(
                          card: card,
                          showAnimation: false,
                          onTap: () {
                            Navigator.push(
                              context,
                              MaterialPageRoute(
                                  builder: (context) => const Screen()),
                            );
                          },
                        ))
                    .toList(),
              ),
            ),
          ),
        ),

  final List<Map<String, String>> cards = [
  for (int index = 0; index < imageUrls.length; index++) ...[
    {
      'image': imageUrls[index], /// required image
      'header': 'Canyons', /// required header
      'content': 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.', /// required content
    },
    {
      'image': imageUrls[index],
      'header': 'Beaches',
      'content': 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
    },
    {
      'image': imageUrls[index],
      'header': 'Trees',
      'content': 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
    },
  ]
];

Getting started

dependencies:
  card_animation_hover: ^0.0.2

Usage

import 'package:card_animation_hover/card_animation_hover.dart';

Additional information

If you have any issues, questions, or suggestions related to this package, please feel free to contact us at [swan.dev1993@gmail.com](mailto:swan.dev1993@gmail.com). We welcome your feedback and will do our best to address any problems or provide assistance. For more information about this package, you can also visit our GitHub repository where you can find additional resources, contribute to the package's development, and file issues or bug reports. We appreciate your contributions and feedback, and we aim to make this package as useful as possible for our users. Thank you for using our package, and we look forward to hearing from you!

Buscar pacotes, repositórios e categorias de apps

Instalar pacote