我的应用栏中有一个下拉菜单。但是,它似乎默认带有下划线。 flutter docs表示默认情况下为0.0,这是不可能的,我可以看到下划线。如何删除此下划线。
return Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(Radius.circular(30)),
),
margin: EdgeInsets.all(10.0),
padding: EdgeInsets.all(5.0),
width: MediaQuery.of(context).size.width * 0.30,
child: Center(
child: DropdownButton(
items: _dropdownValues.map((value) => DropdownMenuItem(child: Text(value), value: value)).toList(),
onChanged: (String value) {
setState(() {
_currentlySelected = value;
});
},
isExpanded: false,
value: _currentlySelected,
)
)
);
设计:
最佳答案
我设法找到答案。 Flutter的DropdownButtonHideUnderline
非常有用。我只是将DropdownButton
包装在DropdownButtonHideUnderline
中。
代码:
return Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(Radius.circular(30)),
),
margin: EdgeInsets.all(10.0),
padding: EdgeInsets.all(5.0),
width: MediaQuery.of(context).size.width * 0.30,
child: Center(
child: DropdownButtonHideUnderline(
child: DropdownButton(
items: _dropdownValues.map((value) => DropdownMenuItem(child: Text(value), value: value)).toList(),
onChanged: (String value) {
setState(() {
_currentlySelected = value;
});
},
isExpanded: false,
value: _currentlySelected,
)
)
)
);
关于Flutter从DropDropdownButton删除底部的下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57435480/