94 votes

Flutter : Comment modifier la largeur d'un AlertDialog ?

Je me demande comment changer la largeur par défaut d'un AlertDialog, je n'ai réussi qu'à changer le rayon de la bordure :

Voici mon code :

showDialog(
       context: context,
       builder: (_) =>
            new AlertDialog(
               shape: RoundedRectangleBorder(
                   borderRadius: BorderRadius.all(Radius.circular(10.0))
               ),
               content: ProductPreviewScreen(),
            )
    );

Résultat attendu :

enter image description here Any idea?

-2voto

Nao Kreuzeder Points 75

La solution qui a fonctionné pour moi.

Définit l'insetPadding du AlertDialog.

De plus, il faut envelopper le contenu dans une SizedBox et définir la largeur à MediaQuery.of(context).taille.largeur .

return AlertDialog(
  content: SizedBox(
    width: MediaQuery.of(context).size.width,
    child: const Text("Content"),
  ),
  insetPadding: const EdgeInsets.all(10),
);

Le réglage de l'insetPadding seul ne fonctionne pas.

0 votes

Cela peut fonctionner lorsque vous souhaitez que le AlertDialog pour qu'il soit plus petit que sa largeur par défaut, mais il ne le rend pas plus grand que sa taille par défaut, ce qui est ce que l'OP a demandé.

0 votes

Non. Cela fonctionne également si vous voulez agrandir l'AlertDialog. J'utilise ce code et il fonctionne.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X