如何填充Flutter下拉框

Question

如何填充Flutter下拉框？我有以下键值对数据。

我想向用户显示值（名称），然后单击以获取ID值

[
  {'Id': '1', 'Name': 'item 1'}
  { 'Id': '2', 'Name': 'item 2' }
  { 'Id': '3', 'Name': 'item 3' }
]

Answer 1

对列表使用map函数生成所需的内容。

   final myMapList = [
      {'Id': '1', 'Name': 'item 1'},
      { 'Id': '2', 'Name': 'item 2' },
      { 'Id': '3', 'Name': 'item 3' },
    ];
    String _newValue = myMapList[0]['Id'];

    ...

    DropdownButton<String>(
                  value: _newValue,
                  onChanged: (String newValue) {
                    setState(() {
                      _newValue = newValue;
                    });
                  },
                  items: myMapList.map(
                          (Map item) {
                        return DropdownMenuItem<String>(
                          value: item['Id'],
                          child: Text(
                              item['Name'],
                        );
                      }).toList(),),