animated_floating_buttons

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 botões flutuantes colapsáveis, inspirado no tutorial de Agung Surya. Ele oferece animações suaves para expandir e colapsar um grupo de botões flutuantes, melhorando a interação do usuário em aplicativos móveis e web. O pacote é compatível com múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o versátil para desenvolvimento multiplataforma. Com configuração mínima, os desenvolvedores podem integrar facilmente grupos de botões animados às suas interfaces.

Casos de uso

Criando navegação inferior interativa com ações expansíveis
Melhorando a interface do aplicativo com botões flutuantes animados
Projetando interfaces baseadas em gestos
Adicionando menus de ação dinâmicos aos painéis

Principais recursos

Animações suaves de expansão/colapso
Suporte para vários botões flutuantes
Compatibilidade multiplataforma
Integração fácil com projetos Flutter existentes
Layouts de botões personalizáveis

Indicado para

Desenvolvedores de aplicativos móveis e web
Designers de UI procurando elementos interativos
Projetos que exigem painéis de ação acionados por gestos
Desenvolvedores usando o Flutter para aplicativos multiplataforma

Considerações

Pode afetar o desempenho com muitos botões
Requer planejamento cuidadoso do layout
Personalização limitada além da animação básica
Mais adequado para grupos de ações simples e focadas

README original

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

This package is based on Agung Surya's tutorial. You can visit his post for more technical information about the package. https://medium.com/@agungsurya/create-a-simple-animated-floatingactionbutton-in-flutter-2d24f37cfbcc

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_floating_buttons: ^0.0.1

Example

//Import package
import 'package:animated_floating_buttons/animated_floating_buttons.dart';
...
      /// when you want to close the menu you have to create 
      final GlobalKey<AnimatedFloatingActionButtonState> key =GlobalKey<AnimatedFloatingActionButtonState>();
      /// and then assign it to the our widget library
Widget float1() {
    return Container(
      child: FloatingActionButton(
        onPressed: null,
        heroTag: "btn1",
        tooltip: 'First button',
        child: Icon(Icons.add),
      ),
    );
}

Widget float2() {
    return Container(
      child: FloatingActionButton(
        onPressed: null,
        heroTag: "btn2",
        tooltip: 'Second button',
        child: Icon(Icons.add),
      ),
    );
}
...
Scaffold(
    floatingActionButton: AnimatedFloatingActionButton(
        //Fab list
        fabButtons: <Widget>[
            float1(), float2()
        ],
        key : key,
        colorStartAnimation: Colors.blue,
        colorEndAnimation: Colors.red,
        animatedIconData: AnimatedIcons.menu_close //To principal button
    ),
)

Complete example here

Issues

Be aware that you have to pass heroTag parameter to every new fab you create 
Otherwise you will get an exciption.

Buscar pacotes, repositórios e categorias de apps