Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von drag_ball
Paketdetailsv2.0.1

drag_ball

Ein Flutter-Paket, das dem AssistiveTouch auf dem iPhone ähnelt.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
1200
Likes
53
Pub-Punkte
150

Paket installieren

flutter pub add drag_ball

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

DragBall ist ein Flutter-Paket, das ein schwimmendes, verschiebbares Widget bereitstellt, ähnlich der AssistiveTouch-Funktion auf dem iPhone. Es ermöglicht es Benutzern, eine runde Schaltfläche frei über den Bildschirm zu bewegen, um häufig verwendete Aktionen leicht zugänglich zu machen, ohne die Benutzeroberfläche zu behindern. Ideal für Barrierefreiheit oder schnelle Navigation unterstützt es alle wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Das Paket ist leichtgewichtig und anpassbar, sodass Entwickler mit minimalem Aufwand ein dauerhaftes, interaktives Element in ihre Apps integrieren können.

Anwendungsfälle

  • Barrierefreiheitsverbesserungen
  • Schnellzugriff auf Aktionen
  • Benutzerdefinierte Floating-Steuerungen
  • Gestenbasierte Navigation
  • App-Nützlichkeiten
  • Mobile-first UI-Design

Hauptmerkmale

  • Ziehbarer Schwimmball
  • Plattformübergreifende Unterstützung
  • Minimale Einrichtung
  • Anpassbare Erscheinung
  • Glatte Animation
  • Reaktive Interaktion

Geeignet für

  • Entwickler, die zugängliche Apps erstellen
  • UI-Designer, die interaktive Elemente suchen
  • Apps, die dauerhafte schwebende Buttons erfordern
  • Projekte für mehrere Plattformen
  • Prototyping schneller Zugriffs-Schnittstellen

Hinweise

  • Kann eine sorgfältige Platzierung erfordern, um UI-Unordnung zu vermeiden
  • Leistungseinbußen auf Geräten mit geringer Leistungsfähigkeit
  • Beschränkt auf eine aktive Kugel pro Bildschirm
  • Nicht geeignet für komplexe Interaktionen
  • Benötigt Benutzerberechtigung auf einigen Plattformen
  • Designkonsistenz mit App-Thema

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Kategorien

Schwebende Aktionsschaltfläche

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.