flutter_scale_tap

Visão geral do pacote

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

Um pacote Flutter que fornece botões animados com efeitos de escala e opacidade ao pressionar. Melhora a interação do usuário ao reduzir suavemente o botão e diminuir sua opacidade quando pressionado, retornando ao estado original ao soltar. Ideal para criar elementos de interface responsivos e visualmente envolventes. O pacote é compatível com todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, garantindo comportamento consistente em dispositivos diferentes. Fácil de integrar, exigindo pouca configuração.

Casos de uso

Criando botões interativos com feedback visual
Melhorando a experiência do usuário em aplicativos móveis e web
Adicionando animações sutis a controles de formulário
Melhorando a responsividade do botão em jogos
Design de interfaces de aplicativos modernos

Principais recursos

Animação de escala ao pressionar
Mudança de opacidade durante o toque
Compatibilidade multiplataforma
Configuração mínima necessária
Efeitos de transição suave
Duração de animação personalizável

Indicado para

Designers de UI procurando interações de botão aprimoradas
Desenvolvedores criando aplicativos interativos no Flutter
Projetos que exigem pacotes leves de animação
Aplicativos direcionados a múltiplas plataformas
Prototipagem rápida de interfaces responsivas

Considerações

Pode exigir ajustes para widgets muito grandes ou complexos
O desempenho da animação depende das capacidades do dispositivo
Não adequado para cenários de toque de alta frequência sem otimização
Limitado a componentes semelhantes a botões
Não oferece suporte para personalização de gestos além de pressionar/liberar

README original

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

ScaleTap

Scale and opacity animated Button for Flutter

Getting Started

Wrap your widget with ScaleTap

ScaleTap(
  onPressed: (){
    //Tap
  },
  onLongPress: (){
    //Long press
  },
  child: Container(
    child: Text("Tap Me"),
  ),
)

You can change the default behaviour with the ScaleTapConfig class

class ScaleTapConfig {
  static double scaleMinValue = 0.95;
  static Curve scaleCurve = CurveSpring();
  static double opacityMinValue = 0.90;
  static Curve opacityCurve = Curves.ease;
  static Duration scaleOpacityAnimationDuration = const Duration(milliseconds: 300);
  static Duration buttonAnimationDuration = const Duration(milliseconds: 300);
}

Buscar pacotes, repositórios e categorias de apps

Instalar pacote