Flutter: disable DropdownButtonFormField option

Question

I have this widget:

DropdownButtonFormField<String>(
        hint: Text(translate('payments.select_frequency')),
        value: frequency,
        items: frequencies.map((String value) {
          return DropdownMenuItem<String>(
            value: value,
            child: Text(
              translate("expense.$value"),
              style: TextStyle(
                color: disabledFrequencies.contains(value) ? Colors.grey : null,
              ),
            ),
          );
        }).toList(),
        onChanged: (value) async {
          if (!disabledFrequencies.contains(value)) {
            setState(() {
              frequency = value;
            });
          }
        },
        validator: (value) {
          if (value == null) {
            return translate('fill_field');
          }
          return null;
        },
      );

This generates something like this:

Here I should be able to just click the first option but I can select any of them. I opened this issue a while ago in Flutter repo and they mentioned it's not an issue.

What's the option then?

Md. Yeasin Sheikh · Accepted Answer · 2022-08-17 14:45:54Z

2

There is enable property on DropdownMenuItem control the tap accessibility.

return DropdownMenuItem<String>(
      value: value,
      enabled: !disabledFrequencies.contains(value), //this
      onTap: () {

Whether or not a user can select this menu item. Defaults to true.

answered Aug 17, 2022 at 14:45

Md. Yeasin Sheikh

64.8k7 gold badges50 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dani Over a year ago

pretty simple. Just curious, is this a new thing?

Md. Yeasin Sheikh Over a year ago

I don't know when it came. Yes simple but very useful, I was trying to disable manually then found this on source code.

Collectives™ on Stack Overflow

Flutter: disable DropdownButtonFormField option

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related