popup_menu_plus

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

popup_menu_plus é um pacote Flutter que fornece um widget de menu suspenso personalizável, totalmente implementado em Dart. Oferece funcionalidade semelhante à nativa no iOS e Android, com suporte a múltiplas plataformas, incluindo Web, macOS, Windows e Linux. O pacote melhora a interação do usuário ao permitir menus sensíveis ao contexto acionados por toques ou gestos. É projetado para ser leve, fácil de integrar e compatível com práticas modernas do Flutter. Os desenvolvedores podem estender seu comportamento com itens personalizados e opções de estilo.

Casos de uso

Ações contextuais em aplicativos
Menus de configurações do usuário
Navegação do estilo de lista suspensa
Popups personalizáveis para formulários
Elementos de interface do usuário consistentes com a plataforma

Principais recursos

Compatibilidade multiplataforma
Escrito totalmente em Dart
Suporta gatilhos por gestos
Personalização de item extensível
Leve e eficiente

Indicado para

Desenvolvedores construindo aplicativos multiplataforma
Equipes que precisam de uma interface de menu consistente
Aplicativos que exigem menus de ação contextual
Projetos com restrições de desempenho rigorosas
aplicações com foco em UI

Considerações

Requer manipulação manual da posição do menu
Opções limitadas de tema embutido
Pode ser necessário lógica adicional para interações complexas
Não otimizado para itens de menu muito grandes
Depende do sistema de gestos do Flutter

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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);

Buscar pacotes, repositórios e categorias de apps

Instalar pacote