dropdown_customizable 1.0.0 dropdown_customizable: ^1.0.0 copied to clipboard
Customizable dropdown menu styles as border radius, border color and more...
Dropdown Customizable #
This dropdown is a copy from default flutter dropdown with some customizations on menu list that is shown when selected.
You should use it as the normal flutter dropdown #
It can be called using the CustomDropdownButtonFormField or CustomDropdownButton same way as default flutter's dropdown.
It uses the same DropdownMenuItem as the default flutter's dropdown.
Possible customization #
- dropdownMenuRadius
- Type: Integer
- Defines the menu list's border radius
- dropdownMenuBorder
- Type: Border
- Customizes the Border with colors, width and more...
- dropdownMenuGradient
- Type: Gradient
- Apply a gradient color on background.
- dropdownMenuIgnoreOffset
- Type: bool
- Defines if the list menu should be shown aligned with the selected index or not.
Sample #
CustomDropdownButton<String>(
// customizable params
dropdownMenuRadius: 12,
dropdownMenuBorder: Border.all(color: const Color(0xFF00FF00), width: 4),
dropdownMenuIgnoreOffset: false,
dropdownMenuGradient: LinearGradient(colors: [Color(0xFFFF0000), Color(0xFFFFFFFF)], begin: Alignment.topCenter, end: Alignment.bottomCenter),
// default flutter's dropdown params
value: dropdownValue,
onChanged: (String newValue) {
setState(() {
dropdownValue = newValue;
});
},
// default flutter's dropdown menuItens
items: ['One', 'Two', 'Free', 'Four'].map((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
);