Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.0.2+1

animated_progress_button

Você está procurando uma solução para tornar seu botão mais profissional? Este pacote pode ajudá-lo com todas as inspirações de animação do Pinterest.

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

Instalar pacote

flutter pub add animated_progress_button

Visão geral do pacote

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

O pacote animated_progress_button aprimora botões padrão com animações suaves e visualmente atraentes inspiradas no Pinterest. Permite que desenvolvedores criem botões de progresso interativos que transicionam entre estados — como ocioso, carregando e sucesso — com visuais e comportamentos personalizáveis. Ideal para interfaces modernas, oferece feedback dinâmico durante ações como envio de formulários ou processamento de dados. O pacote é leve e fácil de integrar, proporcionando um toque refinado às interfaces sem exigir código complexo. Suas estilizações de animação são projetadas para melhorar o engajamento do usuário por meio de feedback responsivo.

Casos de uso

  • Envio de formulário com feedback visual
  • Estados de carregamento em aplicativos móveis
  • Botões de chamada interativa para ação
  • Melhorar a experiência do usuário em aplicativos de comércio eletrônico
  • Criando fluxos de boas-vindas envolventes

Principais recursos

  • Designs de animação inspirados no Pinterest
  • Estados de botão personalizáveis
  • Transições suaves entre ocioso/carregando/sucesso
  • Integração fácil com widgets do Flutter
  • Suporte a cores e ícones personalizados

Indicado para

  • Desenvolvedores em busca de elementos de interface do usuário refinados
  • Aplicativos que exigem feedback intuitivo do usuário
  • Projetos Flutter centrados no design
  • Aplicações móveis com formulários interativos
  • Equipes que visam interfaces modernas e envolventes

Considerações

  • Personalização limitada por plataforma
  • Sem suporte integrado para recursos de acessibilidade
  • Animações podem afetar o desempenho em dispositivos de baixa gama
  • Requer manipulação manual da gestão de estado
  • Não adequado para fluxos de trabalho interativos altamente complexos

README original

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

Animated Progress Button

Animated loading button to make you app button looks smoother. Take inspritation from Pinterest https://www.pinterest.com/pin/671177150707141229/

alt text

Usages

Create animatedButtonController for controlling the button.

import 'package:animated_progress_button/animated_progress_button.dart';

final AnimatedButtonController animatedButtonController = AnimatedButtonController();

Then customize the button like your own way Noted that you must call animatedButtonController.completed() after getting response from server in order to complete the button animation

AnimatedButton(
   controller: animatedButtonController,
   color: Colors.greenAccent,
   text: 'Log in',
   loadingText: 'Loading',
   loadedIcon: Icon(Icons.check, color: Colors.white),
   onPressed: () async {
       /// calling your API here and wait for the response.
       await Future.delayed(Duration(seconds: 5)); // simulated your API requesting time.
       animatedButtonController.completed(); // call when you get the response
       await Future.delayed(Duration(seconds: 2));
       animatedButtonController.reset(); // call to reset button animation
   },
),

Categorias

Botão e botão de progresso

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.