A customizable floating action button menu that will pop up fabs with special animation
Read Time:59 Second

A customizable floating action button menu that will pop up fabs with special animation

0 0
A customizable floating action button menu that will pop up fabs with special animation

A customizable floating action button menu that will pop up fabs with special animation.

A customizable floating action button menu that will pop up fabs with special animation

Installation

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  flutter:
    sdk:
  fan_floating_menu: any

Import the fantasy menu package like this:

  import 'package:fan_floating_menu/fan_floating_menu.dart';

Usage

Simply create a FanFloatingMenu widget, and pass the required params:

  FanFloatingMenu(
        menuItems: [
          FanMenuItem(onTap: () {}, icon: Icons.edit_rounded, title: 'Edit Texts'),
          FanMenuItem(onTap: () {}, icon: Icons.save_rounded, title: 'Save Notes'),
          FanMenuItem(onTap: () {}, icon: Icons.send_rounded, title: 'Send Images'),
        ],
      ),

Customization

Customize the FanFloatingMenu widget with these parameters:

  /// Defines the direction of the whole Floating Menu.
  /// Defaults to [FanMenuDirection.ltr]
  final FanMenuDirection fanMenuDirection;

  /// Defines menu items, that are of [FanMenuItem] type.
  final List<FanMenuItem> menuItems;

  /// Defines the [Curve] for use in all animations related to.
  /// Defaults to [Curves.easeInOutBack]
  final Curve expandItemsCurve;

  /// Defines any widget for the toggle button widget.
  /// If null then a plus icon will be shown.
  final Widget? toggleButtonWidget;

  /// Defines the color for the toggle button icon.
  /// Defaults to [Colors.white]
  final Color toggleButtonIconColor;

  /// Defines the color for the toggle button background.
  /// Defaults to [Colors.pink]
  final Color toggleButtonColor;

GitHub

View Github

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Entrada anterior Real-Time Bus Scheduler App using Flutter and Firebase
Entrada siguiente Advanced Scan and shop app built on Flutter that uses machine learning models