animated_float_action_button

Visão geral do pacote

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

Um pacote Flutter que permite a criação de um menu de botão flutuante collapsível, permitindo que os usuários acessem várias ações por meio de um único botão expansível. Oferece animações suaves e layouts personalizáveis para Android, iOS, Web, macOS, Windows e Linux. Ideal para aplicativos que precisam de opções de navegação compactas, mas acessíveis. O pacote suporta adição dinâmica de botões e personalização de aparência e comportamento.

Casos de uso

Criando menus flutuantes de múltiplas ações
Melhorar a eficiência do espaço da interface
Melhorando a navegação do aplicativo móvel
Projetando interfaces interativas baseadas em gestos
Implementando painéis de ação animados
Simplificando o acesso a recursos secundários

Principais recursos

Animações suaves de expansão/colapso
Layout de botão personalizável
Suporte para múltiplas plataformas
Gerenciamento dinâmico de botões
Duração da animação configurável
Interações de toque responsivas

Indicado para

Desenvolvedores de aplicativos móveis
designers de UI/UX
Aplicações multiplataforma
Aplicativos com navegação complexa
Desenvolvedores em busca de botões flutuantes elegantes
Projetos que exigem interfaces de usuário animadas

Considerações

Pode afetar o desempenho com muitos botões
Requer um design cuidadoso para usabilidade
As configurações de animação podem precisar de ajustes
Não é ideal para necessidades simples de uma única ação
Opções limitadas de tema embutido
Desafios potenciais de acessibilidade em telas pequenas

README original

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

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

##Screenshots

Usage

To use this plugin:

In your flutter project add the dependency:

dependencies:
    ...
    animated_float_action_button: ^1.0.3

Example

//Import package
import 'package:animated_float_action_button/animated_floating_action_button.dart';
...
final GlobalKey<AnimatedFloatingActionButtonState> fabKey = GlobalKey();

Widget add() {
    return FloatActionButtonText(
      onPressed: (){
        fabKey.currentState.animate();
      },
      icon: Icons.add,
      text: "Ativar/Desativar Âncora",
      textLeft: -215,
    );
  }

  Widget image() {
    return FloatActionButtonText(
      onPressed: (){
        fabKey.currentState.animate();
      },
      icon: Icons.image,
      textLeft: -150,
      text: "Visualizar Rota",
    );
  }

  Widget inbox() {
    return FloatActionButtonText(
      onPressed: (){
        fabKey.currentState.animate();
      },
      icon: Icons.inbox,
      textLeft: -135,
      text: "Desbloquear",
    );
  }
...
Scaffold(
    floatingActionButton: AnimatedFloatingActionButton(
        key: fabKey,
        fabButtons: <Widget>[
            add(), 
            image(),
            inbox(),
        ],
        colorStartAnimation: Colors.blue,
        colorEndAnimation: Colors.red,
        animatedIconData: AnimatedIcons.menu_close //To principal button
    ),
)

Complete example here

Buscar categorias, pacotes e repositórios

Instalar pacote