flutter中DropdownButtonFormField选择列表的边框半径

Question

我没有找到如何修饰单击 DropdownButton 时出现的列表，例如为角设置半径，如下面的屏幕截图所示。

Answer 1

试试下面的代码希望对你有帮助。 DropdownButton.

将borderRadius属性添加到DropdownButton

String dropdownValue = 'One';

您的小部件

DropdownButton<String>(
  borderRadius: BorderRadius.circular(10),//change value on your need
  value: dropdownValue,
  icon: const Icon(Icons.arrow_downward),
  elevation: 16,
  style: const TextStyle(color: Colors.deepPurple),
  underline: Container(
    height: 2,
    color: Colors.deepPurpleAccent,
  ),
  onChanged: (String? newValue) {
    setState(() {
      dropdownValue = newValue!;
    });
  },
  items: <String>['One', 'Two', 'Three', 'Four']
      .map<DropdownMenuItem<String>>((String value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Text(value),
    );
  }).toList(),
),

你的成绩->

Answer 2

因为flutter 2.11.0-pre原生DropdownButtonFormField默认自带borderRadius。

DropdownButtonFormField(
  borderRadius: BorderRadius.circular(20.0),
  items: // <your items list>
  value: // your value
  onChanged: (value) {}
)

您可以考虑将您的 flutter 版本更新到 2.11.0+，请记住它仍处于测试阶段。

flutter中DropdownButtonFormField选择列表的边框半径

Border radius of selection list of DropdownButtonFormField in flutter

mobile

android

flutter