Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
draggable_fab cover
Package detailsv0.1.4

draggable_fab

A Draggable FAB wrapper widget which can dragged to any edge of the screen.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
2.5K
Likes
61
Pub points
140

Install package

flutter pub add draggable_fab

Package Overview

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

A Flutter widget that wraps a FloatingActionButton, enabling it to be dragged to any edge of the screen. It enhances user interaction by allowing dynamic positioning of the FAB, improving accessibility and UI flexibility across different screen orientations and sizes. Ideal for apps requiring customizable floating action controls. The package supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux.

Use cases

  • Customizable FAB positioning
  • Improving accessibility in mobile apps
  • Dynamic UI layouts
  • Enhancing user interaction with floating buttons
  • Adapting FABs to different screen sizes

Key features

  • Draggable to any screen edge
  • Cross-platform support
  • Simple integration with existing FABs
  • Responsive design adaptation
  • Smooth drag animations

Suitable for

  • Mobile app developers
  • UI/UX designers seeking interactive elements
  • Apps needing flexible floating actions
  • Developers targeting multiple platforms
  • Projects with dynamic interface requirements

Considerations

  • May require additional gesture handling
  • Performance impact on low-end devices
  • Limited customization beyond edge placement
  • Not suitable for complex drag behaviors
  • Potential overlap with other UI elements during drag

Original README

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

draggable_fab

A Draggable FAB wrapper widget which can dragged to any edge of the screen.

Installation

Add draggable_fab: ^0.1.4 in your pubspec.yaml dependencies. And import it:

import 'package:draggable_fab/draggable_fab.dart';

How to use

Create a standalone widget e.g. Floating Action Bar widget :

DraggableFab(
        child: FloatingActionButton(
          onPressed: _incrementCounter,
          child: Icon(Icons.add),
        ),
      );

demo.gif

Categories

Floating Action Button

Source repository

Projects using this package

No data available yet.