全宽下拉按钮与调整下拉箭头图标在 Flutter

我需要添加下拉按钮与全宽调整下拉箭头图标在扑动以及。但是很多人尝试了很多方法，但是它没有完全展开它的宽度。

这是我的 DropdownButton代码:

new Expanded(
child: new Column(
children: <Widget>[
new DropdownButton(
items: [
new DropdownMenuItem(child: new Text("Abc")),
new DropdownMenuItem(child: new Text("Xyz")),
],
hint: new Text("Select City"),
onChanged: null
)
]
),
flex: 1,
)

64115 次浏览

小开

尝试在列中添加以下内容..。

Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
...
)

您不应该需要 Expanded小部件，因为它会尝试填充垂直空间，而不是水平(宽度)空间。

小开

最佳答案

只是把 isExpanded:true加到 DropdownButton上

  Widget example() {
return new DropdownButton(
isExpanded: true,
items: [
new DropdownMenuItem(child: new Text("Abc")),
new DropdownMenuItem(child: new Text("Xyz")),
],
hint: new Text("Select City"),
onChanged: null
);
}