How can I make dropdownbutton using Getx in flutter?

Question

I'm trying to make dropdownbutton using Getx in flutter However, it doesn't work. Even if I choose a value, the value does not been selected.


class BecomePlayerPage2 extends GetView<BecomePlayerController> {
  const BecomePlayerPage2 ({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Obx(
          () => Scaffold(
        body: Padding(
          padding: EdgeInsets.all(20),
          child:
              DropdownButton<RxString>(
                onChanged: (newValue){
                  controller.selected=newValue!;
                },
                value: controller.selected,
                items: [
                  for(var value in controller.tierList)
                    DropdownMenuItem(
                        child: new Text(
                          value,
                        ),
                    value: value.obs,
                    ),
                ]

              ),
          ),
        ),   
}

class BecomePlayerController extends GetxController {

  final tierList=['first', 'second', 'third'].obs;
  var selected = "first".obs;



}

This is my first day of studying Getx so it is so hard to match with basic widget. What should I do?

Paulo · Accepted Answer · 2022-11-21 15:08:47Z

0

Try replacing the onChange statement with

onChanged: (newValue) {
   controller.selected.value = newValue.toString();
},

or by changing Dropdown button type from RXString to String

return Obx(
  () => Scaffold(
    body: Padding(
      padding: const EdgeInsets.all(20),
      child: DropdownButton<String>( // updated
          onChanged: (newValue) {
            controller.selected.value = newValue!; //updated
          },
          value: controller.selected.value, //updated
          items: [
            for (var value in controller.tierList)
              DropdownMenuItem(
                value: value, 
                child: Text(
                  value, //updated
                ),
              ),
          ]),
    ),
  ),
);

edited Nov 21, 2022 at 15:08

answered Nov 21, 2022 at 15:01

Paulo

7046 silver badges14 bronze badges

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

Comments

test · Accepted Answer · 2022-11-08 15:34:43Z

0

Use round brackets to update .obs and change RxString to String

authController.selected(newValue.toString());

answered Nov 8, 2022 at 15:34

test

2,46615 gold badges46 silver badges82 bronze badges

Comments

Hyungju Moon · Accepted Answer · 2022-11-09 11:42:48Z

0

 onChanged: (newValue){
    // controller.selected=newValue!; 
    controller.selected.value =newValue!;
 },

answered Nov 9, 2022 at 11:42

Hyungju Moon

1517 bronze badges

Collectives™ on Stack Overflow

How can I make dropdownbutton using Getx in flutter?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related