flexible_dropdown

Visão geral do pacote

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

Um pacote Flutter que melhora a funcionalidade de dropdown permitindo o fechamento ao tocar ou deslizar sobre o scrim, e suporta cabeçalhos transparentes com efeito de barreira. Oferece maior controle do usuário e interações mais suaves em comparação com dropdowns padrão. Ideal para aplicativos que precisam de menus dropdown personalizáveis e responsivos a gestos em múltiplas plataformas. O pacote é leve e se integra facilmente por meio do pub.dev.

Casos de uso

Fechar o menu suspenso personalizável
Navegação baseada em gestos em menus suspenso
designs de cabeçalho transparente
Componentes de menu suspenso multiplataforma
Melhoria na UX em formulários e interfaces de seleção

Principais recursos

Toque para fechar no scrim
gesto de deslize para fechar
Suporte para cabeçalho transparente
efeito barreira para o plano de fundo
Compatibilidade multiplataforma

Indicado para

Desenvolvedores procurando menus suspensores interativos
Aplicativos que exigem gestos intuitivos do usuário
Designers focados na clareza visual
Aplicações multiplataforma do Flutter
UIs pesadas com formulários com menus suspenso

Considerações

Requer manipulação cuidadosa de conflitos de gestos
Pode ser necessário estilização personalizada para layouts complexos
Documentação limitada além do uso básico
Não adequado para menus suspenso simples e estáticos
Impacto potencial no desempenho com muitos itens

README original

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

Flexible Dropdown Package

Features

Customize dropdown
Auto scroll to selected item position
Support BarrierShape.headerTrans to highlight the content above the flexible dropdown button
Allows the dropdown to be dismissed by tapping | panning the scrim or by pressing the escape key on the keyboard.
Allow to choose the Animation Type

Installation

First, add flexible_dropdown as a dependency in your pubspec.yaml file.

dependencies:
  flexible_dropdown: ^1.0.7

Usage

FlexibleDropdown(
  overlayChild: Container(
    height: 160,
    width: double.infinity,
    color: Colors.deepPurple,
  ),
  barrierColor: Colors.black38.withOpacity(.2),
  barrierShape: BarrierShape.headerTrans,
  textDirection: TextDirection.ltr,
  offset: Offset.zero,
  duration: const Duration(milliseconds: 400),
  animationType: AnimationType.size,
  animationAlignment: Alignment.topCenter,
  child: Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(6),
      color: Colors.blueAccent.withOpacity(.2),
    ),
    child: Padding(
      padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 20),
      child: Text(
        title,
        style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500),
      ),
    ),
  ),
)