Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
drag_ball cover
Package detailsv2.0.1

drag_ball

A Flutter package similiar AssistiveTouch on Iphone.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
1.2K
Likes
53
Pub points
150

Install package

flutter pub add drag_ball

Package Overview

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

DragBall is a Flutter package that provides a floating, draggable widget similar to the AssistiveTouch feature on iPhone. It allows users to move a circular button freely across the screen, making it easy to access frequently used actions without obstructing the UI. Ideal for accessibility or quick navigation, it supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux. The package is lightweight and customizable, enabling developers to integrate a persistent, interactive element into their apps with minimal setup.

Use cases

  • Accessibility enhancements
  • Quick action access
  • Custom floating controls
  • Gesture-based navigation
  • App utility tools
  • Mobile-first UI design

Key features

  • Draggable floating ball
  • Cross-platform support
  • Minimal setup
  • Customizable appearance
  • Smooth animation
  • Responsive interaction

Suitable for

  • Developers building accessible apps
  • UI designers seeking interactive elements
  • Apps requiring persistent floating buttons
  • Projects targeting multiple platforms
  • Prototyping quick-access interfaces

Considerations

  • May require careful placement to avoid UI clutter
  • Performance impact on low-end devices
  • Limited to one active ball per screen
  • Not suitable for complex interactions
  • Requires user permission on some platforms
  • Design consistency with app theme

Original README

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

cover

flutter badge paypal
qr-paypal

A flutter package, inspiration Indonesian e-commerce widget or similiar AssistiveTouch on Iphone.

📌 Note

  • Put [DragBall] on top the Scaffold

Example

Dragball(
  ball: const FlutterLogo(
    size: 70,
  ),
  initialPosition: DragballPosition.defaultPosition(),
  onTap: () => debugPrint('Dragball Tapped'),
  onPositionChanged: (DragballPosition position) =>
      debugPrint(position.toString()),
  child: Scaffold(
    appBar: AppBar(
      title: const Text('Dragball Example'),
    ),
    body: ListView.builder(
      padding: const EdgeInsets.all(20),
      itemBuilder: (BuildContext context, int index) {
        return Padding(
          padding: const EdgeInsets.only(bottom: 20),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: const [
              SizedBox(
                width: 100,
                height: 30,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
              SizedBox(height: 16),
              SizedBox(
                width: double.infinity,
                height: 160,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
              SizedBox(height: 16),
              SizedBox(
                width: 200,
                height: 30,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
            ],
          ),
        );
      },
      itemCount: 5,
    ),
  ),
);
Output

output

🚧 Maintener

account avatar
Farhan Fadila
📫 How to reach me: farhan.fadila1717@gmail.com

❤️ Suport Maintener

badge paypal badge linktree

qr-paypal

Categories

Floating Action Button

Source repository

Projects using this package

No data available yet.