Buscar categorias, pacotes e repositórios

ducafecatGuia do ecossistema Flutter
Capa de awesome_dropdown
Detalhes do pacotev0.0.4

awesome_dropdown

Uma biblioteca simples de dropdown com estilo personalizado e controle de todos os eventos de toque.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
661
Curtidas
116
Pontos Pub
70

Instalar pacote

flutter pub add awesome_dropdown

Visão geral do pacote

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

Awesome Dropdown é um pacote Flutter que fornece um widget de menu suspenso personalizável com controle total sobre eventos de toque e estilo. Permite aos desenvolvedores criar menus suspenso elegantes e interativos com facilidade, suportando temas personalizados, animações e comportamento responsivo. A biblioteca foi projetada para simplicidade e flexibilidade, sendo ideal para formulários, filtros e interfaces de seleção. Sem restrições de plataforma, funciona perfeitamente em dispositivos móveis, web e desktop. Sua natureza leve garante desempenho rápido sem sacrificar funcionalidade.

Casos de uso

  • Entradas de formulário
  • Seleção de filtro
  • Componentes de interface personalizáveis
  • seletores de preferência do usuário
  • Seleção dinâmica de dados
  • Interfaces móveis e web

Principais recursos

  • Estilo totalmente personalizável
  • Controle de evento de toque
  • Leve e eficiente
  • Compatibilidade multiplataforma
  • Integração fácil
  • Suporta animações

Indicado para

  • Desenvolvedores procurando menus suspenso simples
  • Designers de interface querendo controles personalizados
  • Projetos que exigem manipulação de eventos de toque
  • Aplicativos com fluxos de trabalho intensivos em formulários
  • Equipes priorizando a implementação rápida

Considerações

  • Nenhuma validação embutida
  • Limitado à funcionalidade básica de dropdown
  • Requer manipulação manual do estado
  • Sem suporte a internacionalização
  • Depende do conhecimento externo de estilos
  • Nenhuma opção avançada de filtragem

README original

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

Awesome DropDown

A customizable drop-down library that handles all the touch and clicks events, including iOS and mobile back-pressed callbacks.

Installation

Add following dependency in pubspec.yaml file. And add this import to your file.

awesome_dropdown:^0.0.4

import 'package:awesome_dropdown/awesome_dropdown.dart';

Quick Start

Add AwesomeDropdown to the widget tree

AwesomeDropDown(
                  isPanDown: _isPanDown,
                  dropDownList: _list,
                  dropDownIcon: Icon(Icons.arrow_drop_down, color: Colors.grey, size: 23,),
                  selectedItem: _selectedItem,
                  onDropDownItemClick: (selectedItem) {
                    _selectedItem = selectedItem;
                  },
                  dropStateChanged: (isOpened) {
                    _isDropDownOpened = isOpened;
                    if (!isOpened) {
                      _isBackPressedOrTouchedOutSide = false;                    }
                  },
                ),                ​

Custom Body


AwesomeDropDown(
                   ​isPanDown: _isPanDown,
                   ​isBackPressedOrTouchedOutSide:
                   ​_isBackPressedOrTouchedOutSide,
                   ​dropDownBGColor: Colors.white,
                    dropDownOverlayBGColor: Colors.transparent,
                   ​padding: 8,
                   ​dropDownIcon: Icon(Icons.arrow_drop_down, color: Colors.grey, size: 23,),
                   ​elevation: 5,
                   ​dropDownBorderRadius: 10,
                   ​dropDownTopBorderRadius: 50,
                   ​dropDownBottomBorderRadius: 50,
                   ​dropDownIconBGColor: Colors.transparent,
                   ​dropDownList: _list,
                   ​selectedItem: _selectedItem,
                   ​numOfListItemToShow: 4,
                   ​selectedItemTextStyle: TextStyle(
                       ​color: Colors.black,
                       ​fontSize: 16,
                       ​fontWeight: FontWeight.normal),
                   ​dropDownListTextStyle: TextStyle(
                       ​color: Colors.grey,
                       ​fontSize: 15,
                       ​backgroundColor: Colors.transparent),
                   ​onDropDownItemClick: (selectedItem) {
                     ​_selectedItem = selectedItem;
                   ​},
                   ​dropStateChanged: (isOpened) {
                     ​_isDropDownOpened = isOpened;
                     ​if (!isOpened) {
                       ​_isBackPressedOrTouchedOutSide = false;
                     ​}
                   ​},
                 ​),

Screenshot

Developer Team

Faiza Farooqui & my team members (Hina Hussain, Kamran Khan, Abdul Sattar)

License

MIT

Categorias

Dropdown

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.