shrink_sidemenu

Visão geral do pacote

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

ShrinkSideMenu é um plugin Flutter que fornece um menu lateral personalizável com uma animação única de encolhimento, projetado para funcionar perfeitamente com o Liquid UI. Ele melhora a navegação permitindo que o menu lateral se reduza a um ícone compacto, melhorando a utilização do espaço da tela em várias plataformas, incluindo dispositivos móveis, web e desktop. O plugin suporta transições suaves e se integra facilmente em projetos existentes do Flutter. Seu design leve e compatibilidade com padrões modernos de interface tornam-no ideal para aplicativos que exigem navegação intuitiva. O código-fonte é de código aberto e publicamente disponível para personalização.

Casos de uso

Navegação responsiva em aplicativos móveis
Layouts de barra lateral compacta na web
Navegação de aplicativo desktop
Integração com componentes Liquid UI
Designs de interface minimalistas

Principais recursos

Efeito de animação de redução
Compatibilidade com Liquid UI
Suporte multiplataforma
Itens de menu personalizáveis
Animações de transição suave

Indicado para

Desenvolvedores usando o Liquid UI
Aplicativos que precisam de navegação eficiente em espaço
Projetos multiplataforma do Flutter
design de aplicativo focado em interface
Implementações personalizadas de gavetas

Considerações

Requer familiaridade com o sistema de layout do Flutter
Pode ser necessário estilização adicional para temas complexos
Documentação limitada além do uso básico
Não otimizado para listas muito grandes de itens de menu
Depende de bibliotecas externas de UI para funcionalidade completa

README original

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

Liquid Shrink Side Menu

A Side Menu plugin for flutter and compatible with liquid ui

Side Menu Types

There are 8 configuration of Liquid shrink side menu

1. SlideNRotate

2. SlideNRotate Inverse

3. ShrinkNRotate

4. ShrinkNRotate Inverse

5. Slide

6. Slide Inverse

7. ShrinkNSlide

8. ShrinkNSlide Inverse

Getting Started

Step 1: Add shrink_sidemenu to pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  liquid_ui: // for extra features

  shrink_sidemenu: // Liquid Shrink Sidemenu is not dependent on liquid

Step 2: Wrap Scaffold with SideMenu


final GlobalKey<SideMenuState> _sideMenuKey = GlobalKey<SideMenuState>();

SideMenu(
    key: _sideMenuKey,
    menu: buildMenu(),
    type: SideMenuType.slideNRotate, // check above images
    child: Scaffold(
        appBar: AppBar(
            leading: IconButton(
              icon: Icon(Icons.menu),
              onPressed: () {
                final _state = _sideMenuKey.currentState;
                if (_state.isOpened)
                  _state.closeSideMenu(); // close side menu
                else
                  _state.openSideMenu();// open side menu
              },
            ),
        ...
    ),
);

About liquid ui for flutter

Liquid is an open source UI toolkit for developing cross platform apps in Flutter. Quickly create apps for Android, IOS, Web or Desktop with our powerful grid system, text processor, forms, extensive prebuilt components and dozens of utilities. Visit: Liquid For Flutter

Author

Raj Singh

Buscar pacotes, repositórios e categorias de apps

Instalar pacote