flutter - 有没有办法在 Flutter 的 DropdownButton 菜单项列表中添加圆角？

Question

我正在尝试向 DropdownButton 菜单项列表添加圆角。我想在实际的菜单项列表中添加圆角，而不是 DropdownButton。

UI of problem

有没有办法做到这一点？

Answer 1

使用 DropdownButton 似乎无法做到这一点，您可以使用 PopupMenuButton 来实现，如下所示:

int _selected = 1;

Center(
  child: PopupMenuButton(
    child: Container(
      padding: EdgeInsets.all(8.0),
      color: Colors.lightBlueAccent,
      child: Text('Selected item: $_selected'),
    ),
    onSelected: (value) => setState(() => _selected = value),
    color: Colors.greenAccent,
    shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.all(Radius.circular(16.0))),
    itemBuilder: (context) {
      return [1, 2, 3]
          .map((value) => PopupMenuItem(
              value: value,
              child: Container(
                child: Text('$value'),
              )))
          .toList();
    },
  ),
)