有没有办法在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();
    },
  ),
)