Buscar categorias, pacotes e repositórios

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.0.1

flip_panel

Um pacote para painel de virada com animação embutida

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
224
Curtidas
112
Pontos Pub
30

Instalar pacote

flutter pub add flip_panel

Visão geral do pacote

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

Flip Panel é um pacote do Flutter que fornece um widget de painel de giro suave com transições embutidas. Permite aos desenvolvedores criar interfaces semelhantes a cartões interativas que giram entre faces frontal e traseira, ideais para exibir informações adicionais ou camadas de conteúdo. O pacote suporta animações personalizáveis e foi projetado para simplicidade e desempenho. É especialmente útil em interfaces de aplicativos que exigem feedback visual dinâmico, como cartões de perfil, detalhes de produtos ou ferramentas educacionais.

Casos de uso

  • Interfaces de cartão interativas
  • Exibição de detalhes do produto
  • Cartões de memória educativos
  • Cartões de perfil viram
  • Transições dinâmicas da interface

Principais recursos

  • Animação de giro embutida
  • Conteúdo personalizável na frente e no verso
  • efeitos de transição suave
  • Integração fácil com widgets existentes
  • Leve e eficiente

Indicado para

  • Desenvolvedores construindo interfaces de usuário interativas
  • Aplicativos que precisam de interações de virar cartão
  • Aplicações educacionais ou de jogos
  • Animações simples, mas envolventes

Considerações

  • Limitado apenas à rotação 2D
  • Sem suporte para transformações 3D complexas
  • Requer manipulação manual da gestão de estado
  • Não otimizado para inversão de alta frequência
  • Sem reconhecimento de gestos embutido

README original

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

Flip Panel

pub package

A package for flip panel with built-in animation

How to use

import 'package:flip_panel/flip_panel.dart';

Create a flip panel from iterable source:

final digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

FlipPanel.builder(
    itemBuilder: (context, index) => Container(
       color: Colors.black,
       padding: const EdgeInsets.symmetric(horizontal: 6.0),
       child: Text(
         '${digits[index]}',
         style: TextStyle(
             fontWeight: FontWeight.bold,
             fontSize: 50.0,
             color: Colors.white),
       ),
     ),
    itemsCount: digits.length,
    period: const Duration(milliseconds: 1000),
    loop: 1,
)

Create a flip panel from stream source:

FlipPanel<int>.stream(
      itemStream: Stream.periodic(Duration(milliseconds: 1000), (count) => count % 10),
      itemBuilder: (context, value) => Container(
        color: Colors.black,
        padding: const EdgeInsets.symmetric(horizontal: 6.0),
        child: Text(
          '$value',
          style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 50.0,
            color: Colors.white
          ),
        ),
      ),
      initValue: 0,
  );

Categorias

ImagemAnimação e Transição

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.