A new Flutter material DropdownButton package.

Last update: Sep 7, 2022

Related tags

Overview

A Flutter material DropdownButton Plus package.

platform	enable
Android	✔️
IOS	✔️
Web	✔️
Macos	✔️
Windows	✔️
Linux	✔️

Github

pub.dev

Getting started 🍺 :

Add the flowing to your pubspec.yaml:

dependencies:
  dropdown_button_plus: 0.0.2

import

import 'package:dropdown_button_plus/dropdown_plus.dart' as plus;

Basic:

The same usage as the DropdownButton of flutter sdk.

plus.DropdownView<String>(
  items: filters,
  itemPadding: EdgeInsets.zero,
  itemBuilder: (_, index, select) => ItemMenuString(
    label: filters[index],
    select: select,
    showIndicator: false,
    mainAxisAlignment: MainAxisAlignment.center,
  ),
  selectedItemBuilder: (_, index, select) => ItemMenuHeader(
    label: filters[index],
    select: select,
  ),
  hintBuilder: (context, focus) => hintWidgetBuilder(
    context,
    focus,
    'Dropdown',
  ),
),

Plus Pinned:

plus.DropdownView<String>(
  isDropdown: true,
  items: filters,
  itemPadding: EdgeInsets.zero,
  itemBuilder: (_, index, select) => ItemMenuString(
    label: filterStatus[index],
    select: select,
    showIndicator: false,
    mainAxisAlignment: MainAxisAlignment.center,
  ),
  selectedItemBuilder: (_, index, select) => ItemMenuHeader(
    label: filters[index],
    select: select,
  ),
  hintBuilder: (context, focus) => hintWidgetBuilder(
    context,
    focus,
    'Pinned',
  ),
),

Plus : dropdown at button with shadow.

plus.DropdownView<String>(
  onChanged: widget.onType,
  forceWidth: true,
  isDropdown: true,
  isOutsideShadow: true,
  isPinnedSelected: false,
  items: filters,
  itemBuilder: (_, index, select) => ItemMenuString(
    label: filters[index],
    select: select,
  ),
  selectedItemBuilder: (_, index, select) => ItemMenuHeader(
    label: '综合排序',
    select: select,
  ),
  hintBuilder: (context, focus) => hintWidgetBuilder(
    context,
    focus,
    '综合排序',
  ),
),

2.customize

SizedBox(
  height: kMinInteractiveDimension,
  child: DropdownView<String>(
    forceWidth: true,
    isDropdown: true,
    isOutsideShadow: true,
    isPinnedSelected: false,
    itemPadding: EdgeInsets.zero,
    itemHeight: MediaQuery.of(context).size.height / 2,
    items: const [''],
    itemBuilder: (_, index, select) => ItemMenuOption(
      onChanged: widget.onOption,
    ),
    selectedItemBuilder: (_, index, select) => ItemMenuHeader(
      label: '对账单',
      select: select,
    ),
    hintBuilder: (context, focus) => hintWidgetBuilder(
      context,
      focus,
      '对账单',
      padding: const EdgeInsets.only(top: kMinInteractiveDimension / 8),
    ),
  ),
),

A future based dart package for the NLT (New Living Translation) API.

NLT API Bible for Dart A future based dart package for the NLT API from Tyndale which can be used to fetch NLT and KJV bible passages. This package re

Nov 17, 2022

Flutter-sorted-chips-row - Flutter library for rendering a row of Material "Chip" buttons that gets sorted according to the given function

sorted_chips_row A Flutter Widget displaying a row of Material Chips, sorted according to the provided comparison function. How to use Adding dependen

Jul 29, 2021

A Flutter material theme editor

Flutter Theme ⚠️ WARNING: This app is still under development so please expect bugs and missing features in the app. ⚠️ Inspired by Panache, a Flutter

Jan 2, 2022

Este repositorio contendrá todos los proyectos necesarios para la materia Programación Aplicada (SI220). Aquí podrás encontrar Apps hechas en Flutter (Frontend) y WebAPIs realizadas con ASP.NET Core 5.0 (Backend). Todo este material ha sido preparado para la Universidad Privada de Santa Cruz de la Sierra (UPSA).

progra-aplicada-si220 Este repositorio contendrá todos los proyectos necesarios para la materia Programación Aplicada (SI220). Aquí podrás encontrar A

Sep 13, 2022

A new Flutter material DropdownButton package.

Related tags

Overview

A Flutter material DropdownButton Plus package.

Github

pub.dev

import

Basic:

Plus Pinned:

Plus : dropdown at button with shadow.

2.customize

You might also like...

A future based dart package for the NLT (New Living Translation) API.

Flutter-sorted-chips-row - Flutter library for rendering a row of Material "Chip" buttons that gets sorted according to the given function

A Flutter material theme editor

A Flutter color palette with eyedropper, HSL, RGB and Material colors

🎨 Flutter Material Theme editor

Cupertino version of the Material Stepper in Flutter

A Flutter color palette with eyedropper, HSL, RGB and Material colors

First Open Source Flutter based material design music player with audio plugin to play online music

Owner

吃点儿啥

DropdownButton, ToggleButton & CheckboxListTile implementation in Flutter as a Mobile App Development exercise.

A Very Flexible Widget that can Implement Material Sheets on all Directions, both modal and persistent, and consequently a Material Navigation Drawer

Material io ext - A collection of extensions for creating widgets following material.io guidelines

Flutter package to render a Material Design Speed Dial.

A new Flutter package for navigations bar.

A new Flutter package customtoggleswitch is used to toggle a setting between on/off which is true/false respectively Created by suryadevsingh.

A new Flutter package for circle list.

A new Flutter package which helps you to implement Ticket Widget in your app.

BubbleShowcase is a small but power flutter package that allows you to highlight specific parts of your app to explain them to the user or to showcase your app new features.

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.