animated_radial_menu

Visão geral do pacote

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

Um pacote de menu radial altamente personalizável para Flutter que oferece animações complexas e suaves sem código boilerplate. Permite aos desenvolvedores criar menus flutuantes interativos com layouts radiais elegantes em múltiplas plataformas. O pacote simplifica a implementação de menus dinâmicos e responsivos a gestos com configuração mínima, tornando-o ideal para aplicativos que exigem navegação intuitiva ou interação do usuário aprimorada. Desenvolvido com foco em desempenho e flexibilidade, suporta uma ampla gama de personalizações, incluindo velocidade de animação, posicionamento de itens e estilização visual.

Casos de uso

Navegação de aplicativo interativa
Gatilhos de menu baseados em gestos
design de interface de ação flutuante
Engajamento aumentado do usuário
Componentes de interface personalizados
Interfaces de aplicativos móveis e desktop

Principais recursos

Nenhum boilerplate necessário
Altamente personalizável
Animações radiais suaves
Suporte multiplataforma
design responsivo a gestos
Integração fácil

Indicado para

Desenvolvedores procurando padrões de UI limpos
Aplicativos com necessidades complexas de navegação
Projetos do Flutter com foco em design
Aplicações multiplataforma
Esforços de melhoria de UI/UX

Considerações

Pode exigir ajuste de desempenho em dispositivos de baixa configuração
Documentação limitada além do uso básico
A personalização pode aumentar a complexidade para iniciantes
Não otimizado para itens de menu muito grandes
Depende da estabilidade do framework de animação do Flutter

README original

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

The package provides an easy way to work with radial menu along with animations.

example

You can check out the example here

Installation

To use this package : add the dependency to your pubspec.yaml file

   dependencies:
     flutter:
       sdk: flutter
     animated_radial_menu:

Basic Usage

Import it to your project file

  import 'package:animated_radial_menu/animated_radial_menu.dart';

Similar to column or row widget, simply pass in buttons as children and you are done

  RadialMenu(
     children: [
         RadialButton(
           icon: Icon(Icons.ac_unit),
           onPress: () => print("ac unit"),
         )
     ]
 ),

Eventhough you can use this widget anywhere, it's recommended to use RadialMenu with Stack Widget if your page contains tons of UI elements

     body: Stack(
          children: [
            RadialMenu(
              children: [
                RadialButton(
                  icon: Icon(Icons.ac_unit),
                  buttonColor: Colors.teal,
                  onPress: () => Get.to(TargetScreen())),
                RadialButton(
                    icon: Icon(Icons.camera_alt),
                    buttonColor: Colors.green,
                    onPress: () => Get.to(TargetScreen())),
                RadialButton(
                    icon: Icon(Icons.map),
                    buttonColor: Colors.orange,
                    onPress: () => Get.to(TargetScreen())),
                                 
                /* you can add any number of buttons, although it's 
                  not recommended to insert beyond 8-9 buttons. */
              ],
            ),
            
            // rest of the widgets....

          ],
        ),

You can manually position the widget wherever you wish

   RadialMenu(
    centerButtonAlignment: Alignment(0.3,0.5) // by default alignment is set to Alignment.center
   )

You can also customize the main centered button(more customizations will be made available soon)

   RadialMenu(
        centerButtonSize: 0.5, // size ranging from 0.0 to 1.0
   )

Buscar pacotes, repositórios e categorias de apps