Search code examples
flutter

control & disable a dropdown button in flutter?

I wanted to control a drop-down button and make it unclickable using a button.

Is there any way to make it disable. Basically not allowing it able to change.

new DropdownButton(
          value: animalName,
          items: animals.map(
            (String value) {
              return new DropdownMenuItem<String>(
                value: value,
                child: new Text('$value'),
              );
            },
          ).toList(),
          onChanged: (value) {
            setState(() {
              animalName = value;
            });
          },
        ),

So this is the code I currently use on the drop-down button, but i cant disabled it.

Solution

  • Found this in the DropdownButton docs:

    If items or onChanged is null, the button will be disabled, the down arrow will be grayed out, and the disabledHint will be shown (if provided)

    DropdownButton(
  onChanged: null,
  items: [...],
)