How to disable Dropdownlist once user has selected an item in the Dropdownlist in flutter

Question

My DropdownMenuItem coming from API. How to disable the dropDown once user select a item from the list?

child: DropdownButton<Partner>(
                          value:
                              _selectedLab, //USER SELECTED DROPDOWN ITEM VALUE
                          hint: Text("Select Lab"),
                          isExpanded: true,
                          items: data.map((Partner data) =>
                                  DropdownMenuItem<Partner>(
                                    child: Text("${data.partnerName}"),
                                    value: data,
                                  )).toList().cast<DropdownMenuItem<Partner>>(),
                          onChanged: (val) {
                            setState(() {
                              _selectedLab = val!;
                              encLabId = val.encPartnerId;
                              getTestByLabResult = getTestByLab();
                            });
                          },
                        ),

you can use `AbsorbPointer` based on selected bool. – Md. Yeasin Sheikh Sep 12 '21 at 23:47 — Md. Yeasin Sheikh, Sep 12 '21 at 23:47

score 1 · Accepted Answer · answered Sep 12 '21 at 23:55

Create a bool on state bool absoreTap = false; and wrap you DropdownButton with AbsorbPointer like

      AbsorbPointer(
              absorbing: absoreTap,
              child: DropdownButton<Partner>(
                          value:
                              _selectedLab, //USER SELECTED DROPDOWN ITEM VALUE
                          hint: Text("Select Lab"),
                          isExpanded: true,
                          items: data.map((Partner data) =>
                                  DropdownMenuItem<Partner>(
                                    child: Text("${data.partnerName}"),
                                    value: data,
                                  )).toList().cast<DropdownMenuItem<Partner>>(),
                          onChanged: (val) {
                            setState(() {
                              _selectedLab = val!;
                              encLabId = val.encPartnerId;
                              getTestByLabResult = getTestByLab();
                             absoreTap = true; /// 
                            });
                          },
                        ),

You can also check Ignore-pointer here is the different between them

Its Working like charm.. Thanks for your Time! – Toujo Sep 13 '21 at 00:03 — Toujo, Sep 13 '21 at 00:03

How to disable Dropdownlist once user has selected an item in the Dropdownlist in flutter

1 Answers1