Programmatically change combobox selected value.

[Pololot64]

Hello, I was wondering if there is a way to change the current value of a combobox with a button click or on some action. Calling set state with the new value does not work. Is there something I am missing?

[WinXaito]

I think you do something wrong, see an example:

void main() async {
  runApp(
    FluentApp(
      debugShowCheckedModeBanner: false,
      title: 'Title',
      home: Center(child: Demo()),
    ),
  );
}

class Demo extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _DemoState();
}

class _DemoState extends State<Demo> {
  int selected = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        ComboBox<int>(
          value: selected,
          items: const [
            ComboBoxItem(value: 0,child: Text('Item1'),),
            ComboBoxItem(value: 1,child: Text('Item2'),),
            ComboBoxItem(value: 2,child: Text('Item3'),),
            ComboBoxItem(value: 3,child: Text('Item4'),),
          ],
          onChanged: (v) {
            setState(() {
              selected = v ?? 0;
            });
          },
        ),
        const SizedBox(height: 20),
        Button(child: const Text('Press'), onPressed: (){
          setState(() {
            selected = 3;
          });
        })
      ],
    );
  }
}

And that's work well:

[Pololot64]

Thank you. I had forgotten to put ComboBox<String> and was just using ComboBox. I am not sure why this is important though.

[WinXaito]

That must work without too, but I think you don't have only String and you have maybe an object. So, because the field is a dynamic, object is rendered with ToString, but the value is still an object.