Dropdown Textfield | Coderz Product

dropdown_textfield

Last updated:

0 purchases

dropdown_textfield Image
dropdown_textfield Images

Free

Languages

Categories

Add to Cart

Description:

dropdown textfield

Flutter DropdownTextfield #
A DropdownTextfield is a Material Design TextField. The DropDownButton is a widget that can be used to select one unique value or multiple values from a set of options.
Key Features #

Searchable dropdown
Single & multi-selection
Material dropdown
Easily customizable UI
Easy implementation into StatelessWidget
ToolTip dialogue for multi-selection dropdown items

Examples #


Single Dropdown
Single Dropdown with Search Option
Single Dropdown with Clear Option









Multiple Dropdown
Multiple Dropdown with All Selected Items






Usage #
Controllers #
You need to use SingleValueDropDownController for single dropdown and MultiValueDropDownController for multiple dropdown.
Properties #

dropdownRadius: Defines the radius of the dropdown list. Default value is 12.
initialValue: Sets the initial value. If null or not in the dropDownList, it will not display any value.
dropDownList: A list of dropdown values of type <DropDownValueModel>.
onChanged: Listens for item selection changes. Returns a single DropDownValueModel object for single selection dropdown, and a list of DropDownValueModel objects for multi-selection dropdown.
textFieldDecoration: Overrides the default text field decoration.
dropDownIconProperty: Customizes the dropdown icon size and color.
isEnabled: Set to false to disable the text field. Default value is true.
enableSearch: Set to true to enable the search option in the dropdown. Currently available only for single selection dropdown.
displayCompleteItem: Set to true to display the complete list of selected items in the text field. Otherwise, it will display as "number_of_items selected".
dropDownItemCount: Maximum number of dropdown items to display. Default value is 6.
searchKeyboardType: Overrides the default search keyboard type. Applicable only if enableSearch=true.
searchTextStyle: Text style for the search text field.
searchAutofocus: Set to true to autofocus the search text field. Applicable only if enableSearch=true. Default value is false.
searchShowCursor: Set to false to hide the cursor from the search text field. Applicable only if enableSearch=true.
clearOption: Set to false to hide the clear suffix icon button from the text field.
clearIconProperty: Customizes the clear icon size and color.
listSpace: Space between the text field and the list. Default value is 0.
listPadding: Padding for dropdown list items.
submitButtonText: Text for the multi-dropdown submit button.
submitButtonColor: Color of the multi-dropdown submit button.
submitButtonTextStyle: Text style for the multi-dropdown submit button.
listTextStyle: Text style for dropdown list items.
checkBoxProperty: Customizes the properties of multiple checkboxes.

Contributing #
Seeking contributions to improve the DropdownTextfield! If you have ideas for new features, optimizations, or bug fixes, please feel free to open a pull request or issue on our GitHub repository. Your contributions are greatly appreciated and will help make this package even better.

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product: (if this is empty don't purchase this product)

Customer Reviews

There are no reviews.