Flutter DropdownTextfield

A DropdownTextfield is a material design TextField. The DropDownButton is a widget that we can use to select one unique value or multivalue from a set of values.

Key Features

  1. Searchable dropdown
  2. Single & multi selection
  3. Material dropdown
  4. Easy customizable UI
  5. Easy implementation into statelessWidget
  6. ToolTip dialogue for multi selection dropdown item.

singleController

single dropdown controller,

multiController

multi dropdown controller

define the radius of dropdown List ,default value is 12

initialValue

initial value ,if it is null or not exist in dropDownList then it will not display value.

dropDownList,List of dropdown values List

onChanged

it will listen and return value when item selected from dropdown list for single Selection Dropdown it will return single DropDownValueModel object, and for multi Selection Dropdown ,it will return list of DropDownValueModel object,

textFieldDecoration

override default textfield decoration

isEnabled

isEnabled=false to disable textfield,default value true

enableSearch

enableSearch=true to enable search option in dropdown,as of now this feature enabled only for single selection dropdown

displayCompleteItem

set displayCompleteItem=true, if you want show complete list of selected item in textfield else it will display like "number_of_item item selected"

Maximum number of dropdown item to display,default value is 6

searchKeyboardType

override default search keyboard type,only applicable if enableSearch=true,

searchAutofocus

searchAutofocus=true to autofocus search textfield,only applicable if enableSearch=true, default value is false

searchShowCursor

searchShowCursor=false to hide cursor from search textfield,only applicable if enableSearch=true,

clearOption

clearOption=false to hide clear suffix icon button from textfield.

listSpace

space between textfield and list ,default value is 0

listPadding

dropdown List item padding

submitButtonText

multi dropdown submit button text

submitButtonColor

multi dropdown submit button color

submitButtonTextStyle

multi dropdown submit button text style

listTextStyle

dropdown list item text style

Example:

Single dropdown

Single dropdown with search option

Multiple dropdown