1.简介

Dropdown button 用于从项目列表中选择的按钮

• 参数类型T时下拉菜单表示的值的类型。给定菜单中的所有条目必须具有一致的类型。

2.示例代码

class DropdownButtonDefault extends StatefulWidget {
  @override
  State<StatefulWidget> createState() =>  _DropdownButtonDefault();
}

class _DropdownButtonDefault extends State{
  var selectValue;
  var selectItemValue = '暂无';

  List<DropdownMenuItem>generateItemList() {
    final List<DropdownMenuItem>items = List();
    final DropdownMenuItem item1 = DropdownMenuItem(
      value: '张三',
      child: Text('张三'),
    );
    final DropdownMenuItem item2 = DropdownMenuItem(
      value: '李四',
      child: Text('李四'),
    );
    final DropdownMenuItem item3 = DropdownMenuItem(
      value: '王二',
      child: Text('王二'),
    );
    final DropdownMenuItem item4 = DropdownMenuItem(
      value: '麻子',
      child: Text('麻子'),
    );
    items.add(item1);
    items.add(item2);
    items.add(item3);
    items.add(item4);
    return items;
  }

  @override
    Widget build(BuildContext context) {
      return DropdownButton(
        hint: Text('$selectItemValue'),
        value: selectValue,
        items: generateItemList(),
        onChanged: (T){
          setState((){
            selectItemValue = T;
          });
        },
      );         
    }
}