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
        );
  }

Answer 2

あなたが持っている列に以下を追加してみてください...

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

Expandedウィジェットは必要ありません。これは、水平（幅）スペースではなく垂直スペースを埋めようとするためです。