A versatile and customizable Draggable Panel 🚀

DraggablePanel is a versatile and interactive widget for Flutter that allows you to create floating, draggable panels that can dock to the nearest edge of the screen. The panel is ideal for displaying additional content, actions, or tools that can be accessed on demand.

Your feedback is highly valued as it will help shape future updates and ensure the package remains relevant and useful. 😊


Show some ❤️ and star the repo to support the project!

Pub License: MIT Repository views Pub

Pub likes Pub popularity Pub points


📜 Showcase

📌 Getting Started

Follow these steps to use this package

Add dependency

dependencies:
  draggable_panel: ^0.0.4

Add import package

import 'package:draggable_panel/draggable_panel.dart';

Easy to use

Instructions for use:

Simple add DraggablePanel to MaterialApp's builder.

builder: (context, child) {
        return DraggablePanel(
          items: [
            (
              enableBadge: false,
              icon: Icons.list,
              onTap: (context) {},
            ),
            (
              enableBadge: false,
              icon: Icons.color_lens,
              onTap: (context) {},
            ),
            (
              enableBadge: false,
              icon: Icons.zoom_in,
              onTap: (context) {},
            ),
            (
              enableBadge: false,
              icon: Icons.token,
              onTap: (context) {},
            ),
          ],
          buttons: [
            (
              icon: Icons.copy,
              onTap: (context) {},
              label: 'Push token',
            ),
          ],
          child: child!,
        );
      },

Please, check the example for more details.


Thanks to all contributors of this package


Libraries

draggable_panel