expansion_card

Visão geral do pacote

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

O pacote expansion_card fornece um widget personalizável do Flutter que permite cartões colapsáveis com fundos de imagem animados opcionais. Ideal para exibir conteúdo expansível, como perguntas frequentes, informações detalhadas ou seções interativas, suporta animações suaves e design responsivo em todas as principais plataformas. Os desenvolvedores podem personalizar a aparência, o comportamento e os efeitos de transição do cartão para corresponder à interface do seu aplicativo. O pacote é leve e integra-se perfeitamente em projetos existentes do Flutter.

Casos de uso

Exibindo seções de Perguntas Frequentes
Mostrando informações detalhadas do produto
Criando acordes interativos
Apresentando conteúdo em camadas em formulários
Melhorando os fluxos de onboarding do usuário

Principais recursos

Estilo de cartão personalizável
fundos de imagem animados
Transições suaves de expansão/colapso
Suporte multiplataforma
Integração fácil com o Flutter
Duração de animação configurável

Indicado para

Desenvolvedores construindo interfaces de usuário interativas
Aplicativos que precisam de seções de conteúdo expansíveis
Designers procurando componentes de cartão animado
Projetos direcionados a múltiplas plataformas
aplicações com interface pesada e conteúdo dinâmico

Considerações

Pode afetar o desempenho com muitas instâncias
O carregamento de imagem de fundo exige otimização cuidadosa
As configurações de animação devem ser ajustadas para uma experiência do usuário suave
Funcionalidades de acessibilidade embutidas limitadas
Não adequado para conteúdo estático apenas

README original

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

Expansion card

This package provides an easy implementation of a Expansion type card where you can also add gif at the background.

How to use

import 'package:expansion_card/expansion_card.dart';

Center(
            child: ExpansionCard(
              background: Image.asset("assets/animations/sleep.gif"),
              title: Container(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Text(
                      "Header",
                      style: TextStyle(
                        fontFamily: 'BalooBhai',
                        fontSize: 30,
                        color: Colors.white,
                      ),
                    ),
                    Text(
                      "Sub",
                      style: TextStyle(
                          fontFamily: 'BalooBhai', fontSize: 20, color: Colors.white),
                    ),
                  ],
                ),
              ),
              children: <Widget>[
                Container(
                  margin: EdgeInsets.symmetric(horizontal: 7),
                  child: Text("Content goes over here !",
                      style: TextStyle(
                          fontFamily: 'BalooBhai',
                          fontSize: 20,
                          color: Colors.white)),
                )
              ],
            ));

Custom Usage

There are several options that allow for more control:

Properties	Description
`leading`	Define an action after slidding a button
`background`	provide any image asset file (supports gif also)
`onExpansionChanged`	When the tile starts expanding, this function is called with the value true. When the tile starts collapsing, this function is called with the value false.
`trailing`	A widget to display instead of a rotating arrow icon
`initiallyExpanded`	Specifies if the list tile is initially expanded (true) or collapsed (false, the default)

👍 Contribution

Fork it
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -m 'Add some feature')
Push to the branch (git push origin my-new-feature)
Create new Pull Request

Buscar pacotes, repositórios e categorias de apps

Instalar pacote