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

尝试在您拥有的列中添加以下内容...

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

您不需要Expanded小部件，因为那样会尝试填充垂直空间而不是水平（宽度）空间。

Answer 2

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