我如何从DropdownButtonFormField中删除下划线(请参见下面的照片),我尝试了各种与InputDecortaion组合的选项,但找不到任何方法。
SizedBox(
width: 100.0,
child: DropdownButtonFormField<int>(
decoration: InputDecoration(
border: UnderlineInputBorder(
borderSide:
BorderSide(color: Colors.white))),
value: 2,
items: <DropdownMenuItem<int>>[
DropdownMenuItem<int>(
value: 1,
child: Text("Owner"),
),
DropdownMenuItem<int>(
value: 2,
child: Text("Member"),
),
],
),
最佳答案
一种方法:
在您的代码中-将decoration: InputDecoration
更改为decoration: InputDecoration.collapsed
body: SizedBox(
width: 100.0,
child: DropdownButtonFormField<int>(
decoration: InputDecoration.collapsed(hintText: ''),
value: 2,
...
或
在您的代码中-代替
border
使用enabledBorder: UnderlineInputBorder
DropdownButtonFormField<int>(
decoration: InputDecoration(
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.white))),
value: 2,
items: <DropdownMenuItem<int>>[
....
关于dart - 从DropdownButtonFormField删除下划线,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53588785/