Code Monkey home page Code Monkey logo

dropdown_textfield's Introduction

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.

Example:

Single dropdown Single dropdown with search option Single dropdown with clear option
Multiple dropdown Multiple dropdown with all selected item

singleController

single dropdown controller,

multiController

multi dropdown controller

dropdownRadius

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

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"

dropDownItemCount

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

dropdown_textfield's People

Contributors

sharathrajmindstack avatar srtraj avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.