Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
simple_speed_dial cover
Package detailsv0.1.7

simple_speed_dial

A simple speed dial for Flutter. You can use as many speed dial options as you want. You can use labels next to the speed dial options. Colors of every fab can be set.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
1.4K
Likes
95
Pub points
160

Install package

flutter pub add simple_speed_dial

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A lightweight Flutter package that provides a customizable speed dial widget, allowing users to add multiple floating action buttons (FABs) with optional labels and individual color settings. Ideal for enhancing navigation in apps with a clean, compact interface. The speed dial supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux. It's designed for simplicity and flexibility, making it easy to integrate into existing Flutter projects.

Use cases

  • Quick access to multiple actions
  • Enhancing app navigation
  • Adding contextual options in a compact layout
  • Customizing FAB appearance
  • Creating interactive UI elements

Key features

  • Support for unlimited FAB options
  • Optional labels on FABs
  • Customizable colors per FAB
  • Cross-platform compatibility
  • Simple integration with Flutter
  • Responsive and smooth animations

Suitable for

  • Developers seeking a minimal speed dial solution
  • Apps needing quick action access
  • UI designers wanting flexible FAB layouts
  • Projects targeting multiple platforms
  • Flutter beginners exploring FAB patterns

Considerations

  • May require additional styling for complex layouts
  • Limited built-in animation customization
  • Not ideal for highly dynamic or data-driven dials
  • Best suited for static or predictable action sets
  • Requires manual handling of tap events

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

simple_speed_dial

A simple speed dial widget for Flutter.

Demonstration:

Demonstration

Usage:

Scaffold(
  floatingActionButton: SpeedDial(
    child: Icon(Icons.add),
    closedForegroundColor: Colors.black,
    openForegroundColor: Colors.white,
    closedBackgroundColor: Colors.white,
    openBackgroundColor: Colors.black,
    labelsStyle: /* Your label TextStyle goes here */,
    labelsBackgroundColor: Colors.white,
    controller: /* Your custom animation controller goes here */,
    speedDialChildren: <SpeedDialChild>[
      SpeedDialChild(
        child: Icon(Icons.directions_run),
        foregroundColor: Colors.white,
        backgroundColor: Colors.red,
        label: 'Let\'s start a run!',
        onPressed: () {
          setState(() {
            _text = 'You pressed \"Let\'s start a run!\"';
          });
        },
        closeSpeedDialOnPressed: false,
      ),
      SpeedDialChild(
        child: Icon(Icons.directions_walk),
        foregroundColor: Colors.black,
        backgroundColor: Colors.yellow,
        label: 'Let\'s go for a walk!',
        onPressed: () {
          setState(() {
            _text = 'You pressed \"Let\'s go for a walk!\"';
          });
        },
      ),
      //  Your other SpeedDialChildren go here.        
    ],
  ),
);

Categories

Floating Action Button

Source repository

Projects using this package

No data available yet.