web-dev-qa-db-fra.com

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

J'avais besoin d'ajouter DropdownButton avec toute la largeur avec l'ajustement de l'icône de flèche déroulante dans Flutter également. Mais avec beaucoup essayé de nombreuses façons, mais il n'augmente pas sa largeur complète.

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,
)
dartwidgetflutter
9
Sandip Patel

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
        );
  }
26
Pablo Cegarra

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

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

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

3
aqwert