如何使 DropdownButton 菜单宽度适合文本？

Question

我想要一个下拉按钮，其宽度基于菜单文本长度。下拉箭头在文本之间没有任何额外的间距。 像这样：

目前，我得到了这个：

我的下拉按钮箭头是根据最长的文本定位的。

我的代码：

Widget dropdownList(){
    return Container(
      child: DropdownButton<Location>(
          value: _selectedValue,
          icon: const Icon(Icons.expand_more),
          iconSize: 30,
          underline: SizedBox(),
          onChanged: (Location? newValue) {
            setState(() {
              _selectedValue = newValue!;
            });
          },
          style: const TextStyle(color: Colors.blue),
          selectedItemBuilder: (BuildContext context) {
            return locationList.map((Location value) {
              return Container(
                child: Text(
                  value.name,
                  style: const TextStyle(color: Colors.black,fontSize: 30,
                                    fontWeight: FontWeight.w300),
                ),
              );
            }).toList();
          },
          items: locationList.map<DropdownMenuItem<Location>>((Location value) {
            return DropdownMenuItem<Location>(
              value: value,
              child: Text(value.name, style: TextStyle(color: Colors.black,fontSize: 15,
                                  fontWeight: FontWeight.w300)),
            );
          }).toList(),
        ),
    );
  }

Answer 1

根据documentations，DropDownButton 有一个名为 isExpanded 的属性：

isExpanded → bool
Set the dropdown's inner contents to horizontally fill its parent. [...]
final

所以就设置好了：

isExpanded = true;