animated_button

Visão geral do pacote

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

Um botão animado simples e altamente personalizável que oferece um efeito visual semelhante a 3D. Construído com Flutter, melhora a interação do usuário com animações suaves e feedback responsivo. O botão suporta estilos personalizados, transições de cor e efeitos escaláveis em múltiplas plataformas. Ideal para interfaces modernas onde o apelo visual e a interatividade são essenciais. Integra-se perfeitamente em aplicativos voltados para Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

Interfaces de aplicativos interativas
experiências do usuário gamificadas
Aplicações móveis e web modernas
Envios de formulários aprimorados
Feedback visual em produtos digitais

Principais recursos

efeito de animação semelhante a 3D
Aparência altamente personalizável
animações de transição suave
Compatibilidade multiplataforma
Integração fácil com o Flutter
Feedback de toque responsivo

Indicado para

Desenvolvedores Flutter em busca de elementos de interface do usuário envolventes
Aplicações focadas no design
Aplicativos que exigem botões interativos
Prototipagem de interfaces dinâmicas
Projetos com foco em design visual refinado

Considerações

Pode afetar o desempenho em dispositivos de baixa gama
A personalização exige conhecimento sobre animações do Flutter
Limitado à funcionalidade básica do botão sem lógica adicional
Não adequado para interações de gestos complexas
Melhor usado com conteúdo leve dentro do botão

README original

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

Animated Button

A very simple and customizable animated button. Providing simple animation, and many customizable attributes such height, width, child, ... etc.

Getting Started

Nothing difficult here, yet!

Simple Example

import 'package:animated_button/animated_button.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Animated Button Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Demo(),
    );
  }
}

class Demo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child:             AnimatedButton(
          onPressed: () {},
          color: Colors.blue,
          enabled: true,
          disabledColor: Colors.grey,
          shadowDegree: ShadowDegree.light,
          borderRadius: 8,
          duration: 85,
          height: 40,
          width: 140,
          child: Text(
            'Animated button',
            style: TextStyle(
              fontSize: 14,
              color: Colors.white,
              fontWeight: FontWeight.w500,
            ),
          ),
        ),
      ),
    );
  }
}

Button attributes

AnimatedButton(
child: ...,			    // Child widget, Row, Text, Column,...etc.
onPressed: () {},  	// Callback for onTap event
duration: 70,  		  // Animaton duration, default is 70 Milliseconds
height: 100,  		  // Button Height, default is 64
width: 200,  			  // Button width, default is 200
enabled: true,  		// When disabled, onTap won't be called
shadowDegree: ShadowDegree.dark, // Shadow color is generated from button color,
color: Colors.blue,
disabledColor: Colors.grey,
borderRadius: 8,
)

For more examples, check example folder

License

MIT License.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote