radial_menu

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

RadialMenu ist ein Flutter-Paket, das die Erstellung kreisförmiger, interaktiver Menüs ermöglicht, die sich von einem zentralen Punkt aus öffnen und Symbole in einer radialen Anordnung anzeigen. Ideal für mobile Interfaces, verbessert es die Benutzerinteraktion durch eine visuell ansprechende Möglichkeit, auf mehrere Aktionen zuzugreifen. Das Menü unterstützt reibungslose Animationen und anpassbare Layouts und eignet sich daher besonders für Apps, die eine intuitive, gestenbasierte Navigation erfordern. Es lässt sich nahtlos in bestehende Flutter-Projekte integrieren und wurde für Einfachheit und Leistung optimiert.

Anwendungsfälle

Mobile-App-Aktionshubs
Geste-basierte Navigation
Interaktive Benutzeroberflächenelemente
Alternativen zum Fließenden Aktionenmenü
Spielsteuerungspanele

Hauptmerkmale

Kreisförmige Icon-Anordnung
Glatte Animationsübergänge
Anpassbarer Radius und Abstand
Einfache Integration mit Flutter
Touch- und Gestenunterstützung

Geeignet für

Entwickler, die moderne UI-Muster suchen
Apps mit komplexen Aktionssätzen
designorientierte mobile Anwendungen
interaktive Prototypen
UI/UX-Experimente

Hinweise

Eingeschränkte Plattformunterstützung (keine angegebenen Plattformen)
Kann Tests auf verschiedenen Bildschirmgrößen erfordern
Am besten geeignet für Touch-Interfaces
Nicht ideal für zugänglichkeitsstarke Anwendungen
Möglicher Leistungseinbruch bei vielen Symbolen

Original-README

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

Flutter Radial Menu

A simple radial menu

Usage

Add radial_menu to your pubspec:

dependencies:
  radial_menu: any # or the latest version on Pub

Define your list of RadialMenuEntry:

List<RadialMenuEntry> radialMenuEntries = [
    RadialMenuEntry(icon: Icons.restaurant, text: 'Restaurant'),
    RadialMenuEntry(icon: Icons.hotel,text: 'Hotel'),
    RadialMenuEntry(icon: Icons.pool, text: 'Pool'),
    RadialMenuEntry(icon: Icons.shopping_cart, text: 'Shop'),
  ];

Then add it to your RadialMenu:

  Widget build(BuildContext context) {
    return RadialMenu(entries: radialMenuEntries,);
  }

Pakete, Repositories und App-Kategorien suchen

Paket installieren