dart - Flutter 中带有调整下拉箭头图标的全宽 DropdownButton

Question

我还需要在 Flutter 中添加带有调整下拉箭头图标的全宽 DropdownButton。但是很多人尝试了很多方法，但它并没有完全扩展它的宽度。

这是我的 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,
)

Answer 1

只需将 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
        );
  }