radial_menu

Visão geral do pacote

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

RadialMenu é um pacote do Flutter que permite a criação de menus circulares e interativos que se desdobram a partir de um ponto central, revelando ícones em um padrão radial. Ideal para interfaces móveis, ele melhora a interação do usuário ao fornecer uma maneira visualmente envolvente de acessar múltiplas ações. O menu suporta animações suaves e layouts personalizáveis, tornando-o adequado para aplicativos que exigem navegação baseada em gestos intuitivos. Integra-se perfeitamente aos projetos existentes do Flutter e foi projetado para simplicidade e desempenho.

Casos de uso

centros de ação do aplicativo móvel
Navegação baseada em gestos
Elementos de interface do usuário interativos
Alternativas para o menu de ação flutuante
Painéis de controle do jogo

Principais recursos

Layout de ícone circular
Transições de animação suaves
Raio e espaçamento personalizáveis
Integração fácil com o Flutter
Suporte a toque e gestos

Indicado para

Desenvolvedores em busca de padrões de interface modernos
Aplicativos com conjuntos de ações complexos
Aplicativos móveis focados no design
protótipos interativos
experimentação de UI/UX

Considerações

Suporte limitado a plataformas (nenhuma plataforma especificada)
Pode exigir testes em vários tamanhos de tela
Mais adequado para interfaces táteis
Não ideal para aplicativos com foco em acessibilidade
Impacto potencial no desempenho com muitos ícones

README original

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

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

Buscar pacotes, repositórios e categorias de apps

Instalar pacote