flutter DropDownButton详解

Flutter中的`DropDownButton`是一个小部件，用于从一个下拉列表中选择一个选项。它通常用于节省屏幕空间，同时为用户提供一个选择列表。`DropDownButton`通过弹出一个菜单来显示可选择的项，用户可以选择列表中的一个选项。当选定一个选项后，`DropDownButton`会显示所选项。

基本使用方法如下：

1. `items`：一个`DropdownMenuItem`列表，定义了下拉菜单中的所有选项。
2. `value`：当前选中项的值。
3. `hint`：可选，当没有选项被选中时显示的提示文本。
4. ` onChanged`：一个回调函数，当选项发生变化时被调用，并返回新的选项值。

示例代码：

DropdownButton<String>(
  items: <String>['One', 'Two', 'Free', 'Four']
      .map<DropdownMenuItem<String>>((String value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Text(value),
    );
  }).toList(),
  value: currentValue, // 当前选中的项
  hint: Text('Select something'), // 提示文本
  onChanged: (String newValue) {
    setState(() {
      currentValue = newValue;
    });
  },
);

`DropDownButton`提供了一些属性来定制其外观和行为，例如：

- `isExpanded`：如果设置为`true`，则下拉按钮将占用尽可能多的水平空间。
- `elevation`：下拉菜单的阴影高度。
- `iconSize`：下拉按钮箭头的大小。
- `iconDisabledColor`：当按钮被禁用时，下拉箭头的颜色。
- `iconEnabledColor`：下拉箭头的默认颜色。
- `disabledHint`：当`DropDownButton`被禁用时显示的提示。