Bouton déroulant pleine largeur avec icône de flèche déroulante d'ajustement dans Flutter

Question

J'avais besoin d'ajouter DropdownButton avec pleine largeur avec l'icône de flèche de menu déroulant d'ajustement dans Flutter également. Mais beaucoup l'ont essayé de plusieurs façons, mais il n'agrandit pas sa largeur au maximum.

Voici mon code pour 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

Ajouter simplement isExpanded:true au 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

Essayez d'ajouter ce qui suit dans la colonne que vous avez ...

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

Vous ne devriez pas avoir besoin du Expanded car cela essaierait de remplir l'espace vertical et non l'espace horizontal (largeur).