popup_menu_plus

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

popup_menu_plus ist ein Flutter-Paket, das einen anpassbaren Popup-Menü-Widget bietet, der vollständig in Dart implementiert ist. Es bietet native Funktionalität auf iOS und Android und unterstützt mehrere Plattformen wie Web, macOS, Windows und Linux. Das Paket verbessert die Benutzerinteraktion durch kontextsensitive Menüs, die durch Tipps oder Gesten ausgelöst werden. Es ist leichtgewichtig, einfach zu integrieren und mit modernen Flutter-Praktiken kompatibel. Entwickler können sein Verhalten durch benutzerdefinierte Elemente und Stiloptionen erweitern.

Anwendungsfälle

Kontextbezogene Aktionen in Apps
Benutzereinstellungsmenüs
Dropdown-Stil-Navigation
Anpassbare Popups für Formulare
plattformkonsistente Benutzeroberflächenelemente

Hauptmerkmale

Plattformübergreifende Kompatibilität
Völlig in Dart geschrieben
Unterstützt Gesten-Auslöser
Erweiterbare Gegenstandskonfiguration
Leicht und leistungsstark

Geeignet für

Entwickler, die Multiplattform-Apps erstellen
Teams, die eine konsistente Menü-Oberfläche benötigen
Apps, die kontextbezogene Aktionen-Menüs erfordern
Projekte mit strengen Leistungsanforderungen
UI-intensiven Anwendungen

Hinweise

Benötigt manuelle Behandlung der Menüpositionierung
Begrenzte integrierte Themenvorgaben
Möglicherweise benötigt man zusätzliche Logik für komplexe Interaktionen
Nicht für sehr große Menüelemente optimiert
Abhängig vom Gestensystem von Flutter

Original-README

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

Popup Menu Plus

This project is a fork of chinabrant/popup_menu.

This project was written completely in dart, and it supports both iOS and Android.

Screenshots

Todo

[ ] show/hide animation

Usage

You can find the demo at the 'example' folder.

PopupMenu menu = PopupMenu(
      context: context,
      config: const MenuConfig(
        backgroundColor: Colors.green,
        lineColor: Colors.greenAccent,
        highlightColor: Colors.lightGreenAccent,
      ),
      items: [
        PopUpMenuItem(title: 'Copy', image: Image.asset('assets/copy.png')), 
        PopUpMenuItem(title: 'Home', image: Icon(Icons.home, color: Colors.white,)), 
        PopUpMenuItem(title: 'Mail', image: Icon(Icons.mail, color: Colors.white,)), 
        PopUpMenuItem(title: 'Power', image: Icon(Icons.power, color: Colors.white,)),
        PopUpMenuItem(title: 'Setting', image: Icon(Icons.settings, color: Colors.white,)), 
        PopUpMenuItem(title: 'Traffic', image: Icon(Icons.traffic, color: Colors.white,))], 
      onClickMenu: onClickMenu, 
      onShow: onShow,
      onDismiss: onDismiss);

menu.show(rect: rect);

PopupMenu menu = PopupMenu(
        context: context,
        config: const MenuConfig(
            backgroundColor: Colors.green,
            lineColor: Colors.greenAccent,
            highlightColor: Colors.lightGreenAccent,
        ),
        items: [
          PopUpMenuItem(title: 'Copy', image: Image.asset('assets/copy.png')),
          PopUpMenuItem(
              title: 'Home',
              textStyle: TextStyle(fontSize: 10.0, color: Colors.tealAccent),
              image: Icon(
                Icons.home,
                color: Colors.white,
              )),
          PopUpMenuItem(
              title: 'Mail',
              image: Icon(
                Icons.mail,
                color: Colors.white,
              )),
          PopUpMenuItem(
              title: 'Power',
              image: Icon(
                Icons.power,
                color: Colors.white,
              )),
          PopUpMenuItem(
              title: 'Setting',
              image: Icon(
                Icons.settings,
                color: Colors.white,
              )),
          PopUpMenuItem(
              title: 'PopupMenu',
              image: Icon(
                Icons.menu,
                color: Colors.white,
              ))
        ],
        onClickMenu: onClickMenu,
        onDismiss: onDismiss);
    menu.show(widgetKey: btnKey2);

with custom content:

PopupMenu menu = PopupMenu(
        context: context,
        config: const MenuConfig(
            type: MenuType.custom,
            itemHeight: 200,
            itemWidth: 200,
            backgroundColor: Colors.green,
        ),
        content: Container(
            width: 50,
            height: 50,
            color: Colors.red,
          ),
        onClickMenu: onClickMenu,
        onDismiss: onDismiss);
    menu.show(widgetKey: btnKey2);

Pakete, Repositories und App-Kategorien suchen

Paket installieren