drag_ball

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 12 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## [![cover][]][pubdev dragball]

[![flutter][]][web flutter] [![badge paypal][]][paypal account] <br>
[![qr-paypal][]][paypal account]

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

## 📌 Note

- Put [DragBall] on top the Scaffold

---

## Example

```dart
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][]][output]

---

### 🚧 Maintener

[![account avatar][]][github account] <br>
**Farhan Fadila** <br>
📫 How to reach me: farhan.fadila1717@gmail.com

### ❤️ Suport Maintener

[![badge paypal][]][paypal account] [![badge linktree][]][linktree account]

[![qr-paypal][]][paypal account]

[cover]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/drag_ball/drag_ball.png
[pubdev dragball]: https://pub.dev/packages/drag_ball
[output]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/drag_ball/output.gif
[portofolio]: https://farhan-fadila.web.app/#/blog/countdown_timer_in_flutter
[account avatar]: https://avatars.githubusercontent.com/u/43161050?s=80
[github account]: https://github.com/farhanfadila1717
[badge linktree]: https://img.shields.io/badge/Linktree-farhanfadila-orange
[linktree account]: https://linktr.ee/farhanfadila
[badge paypal]: https://img.shields.io/badge/Donate-PayPal-00457C?logo=paypal
[paypal account]: https://www.paypal.me/farhanfadila1717
[flutter]: https://img.shields.io/badge/Platform-Flutter-02569B?logo=flutter
[web flutter]: https://flutter.dev
[qr-paypal]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/qr-paypal.png

drag_ball

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README