How Parsing Data List Item Dropdown in Flutter

Question

i have code dropdown menu, but i will parsing list item to make a dropdown menu template so I just change the list item section.

                child: DropdownButton<String>(
                  isExpanded: true,
                  icon: Icon(Icons.keyboard_arrow_down),
                  value: dropdownValue,
                  onChanged: (String newValue) {
                    setState(() {
                      dropdownValue = newValue;
                    });
                  },
                  items: <String>['Instagram', 'Two', 'Free', 'Four']
                      .map<DropdownMenuItem<String>>((String value) {
                    return DropdownMenuItem<String>(
                      value: value,
                      child: Text(value),
                    );
                  }).toList(),

Can you share example list? Also, please explain more.

Mehmet Esen
– Mehmet Esen

2019-07-05 07:02:36 +00:00
Commented Jul 5, 2019 at 7:02 — Mehmet Esen
– Mehmet Esen, Commented Jul 5, 2019 at 7:02

Mehmet Esen · Accepted Answer · 2019-07-05 07:07:50Z

1

Is this what you are trying to do?

class DropDownTest extends StatefulWidget {
  @override
  _DropDownTestState createState() => _DropDownTestState();
}

class _DropDownTestState extends State<DropDownTest> {
  MenuItem dropdownValue;

  @override
  Widget build(BuildContext context) {
    return DropdownButton<MenuItem>(
        isExpanded: true,
        icon: Icon(Icons.keyboard_arrow_down),
        value: dropdownValue,
        onChanged: (MenuItem newValue) {
          setState(() {
            dropdownValue = newValue;
          });
        },
        items: items.map<DropdownMenuItem<MenuItem>>((MenuItem value) {
          return DropdownMenuItem<MenuItem>(
            value: value,
            child: Text(value.name),
          );
        }).toList());
  }
}

class MenuItem {
  final int id;
  final String name;

  const MenuItem(this.id, this.name);
}

const List<MenuItem> items = [
  MenuItem(1, 'ONE'),
  MenuItem(2, 'TWO'),
  MenuItem(3, 'THREE'),
  MenuItem(4, 'FOUR'),
];

answered Jul 5, 2019 at 7:07

Mehmet Esen

7,0043 gold badges32 silver badges47 bronze badges

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

4 Comments

Badai Ardiat Over a year ago

sorri dude, how if i have 2 Items list?

Mehmet Esen Over a year ago

@BadaiArdiat You can merge them, but if you have different list of different objects, create another question because it's very different thing from this topic. It's about Abstraction.

Badai Ardiat Over a year ago

ok sir, i create new topic stackoverflow.com/questions/56899410/…

Mehmet Esen Over a year ago

@BadaiArdiat I mean, if your Object Types are same you don't need to create another question, but if they are different type of objects and if you want to merge them inside one DropDown, yes create the question.

Collectives™ on Stack Overflow

How Parsing Data List Item Dropdown in Flutter

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related