animated_float_action_button

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das die Erstellung eines zusammenklappbaren Fließkraft-Aktionsschaltflächen-Menüs ermöglicht, wodurch Benutzer über eine einzige erweiterbare Schaltfläche auf mehrere Aktionen zugreifen können. Es bietet reibungslose Animationen und anpassbare Layouts für Android, iOS, Web, macOS, Windows und Linux. Ideal für Apps, die kompakte aber zugängliche Navigationsoptionen benötigen. Das Paket unterstützt dynamische Hinzufügung von Schaltflächen und Anpassung von Aussehen und Verhalten.

Anwendungsfälle

Mehrfachaktionen-Schwebemenu erstellen
Verbesserung der UI-Raumeffizienz
Verbesserung der Navigation in mobilen Apps
Entwicklung interaktiver, gestenbasierter Schnittstellen
Animation von Aktionen-Panels implementieren
Einfacherer Zugriff auf sekundäre Funktionen

Hauptmerkmale

Glatte Animationsverläufe beim Erweitern/Zusammenklappen
Anpassbares Button-Layout
Unterstützung für mehrere Plattformen
Dynamische Button-Verwaltung
Konfigurierbare Animationsdauer
Reaktive Touch-Interaktionen

Geeignet für

Mobile-App-Entwickler
UI/UX-Designer
Plattformübergreifende Anwendungen
Apps mit komplexer Navigation
Entwickler, die elegante Float-Buttons suchen
Projekte, die animierte Benutzeroberflächen erfordern

Hinweise

Kann die Leistung beeinträchtigen, wenn viele Schaltflächen vorhanden sind
Erfordert sorgfältiges Design für Benutzerfreundlichkeit
Animations-Einstellungen müssen möglicherweise angepasst werden
Nicht ideal für einfache Einzelaktionen
Eingeschränkte integrierte Themeneinstellungen
Mögliche Zugänglichkeitsprobleme auf kleinen Bildschirmen

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Pakete, Repositories und App-Kategorien suchen

Paket installieren