Changing options won't update UI.

[Jara92]

I have MultiSelectDropDown inside BlocBuilder. It looks like this:

MultiSelectDropDown(
      controller: _controller,
      dropdownHeight: 200,
      onOptionSelected: (options) {},
      options: state.options,
    )

When I update state.options inside my Bloc, the UI remains the same - initial options are displayed. But this button put after the multi select works:

OutlinedButton(
     onPressed: (){
          _controller.setOptions(state.options);
     },
     child: Text("Dummy"))

Calling _controller.setOptions(state.options); inside BlocListener doesn't work either.

The problem occurs only in the newest version 2.1.4. Version 2.1.3 works fine for me.

[Danyx1980]

I'm having the same issue, even calling widget.controller.clearSelection(option); inside onOptionRemoved doesn't update the UI, but does update the selectedOptions list.

[Istiak-Ahmed78]

I'm facing the same issue. 😞. Need fix

[JeromeTseng]

Dude,I got the same question,but i have an idea. I use UniqueKey to force update, and it works.

[mvitoriapereirac]

Dude,I got the same question,but i have an idea. I use UniqueKey to force update, and it works.

That was really helpful! Thanks. Could you explain a bit further why does it work?

[JeromeTseng]

Dude,I got the same question,but i have an idea. I use UniqueKey to force update, and it works.

That was really helpful! Thanks. Could you explain a bit further why does it work?

I'm sorry to reply to you so late, this involves a UI reuse problem, we updated some options in the dropdown, expecting it to take effect and update the UI, but flutter didn't do this and reused the last UI, if you use UniqueKey, it signifies, every UI rendering has to be redrawn, so your new options will take effect and render on the screen, I don't know if I understand it right