253 votes

Comment centrer le texte verticalement et horizontalement dans Flutter ?

Je voudrais savoir comment faire pour centrer le contenu d'un widget Texte verticalement et horizontalement dans le Flutter. Je ne sais comment faire pour centrer le widget lui-même à l'aide de Center(child: Text("test")) , mais pas le contenu lui-même, il est par défaut à gauche. Dans Android, je crois que la propriété d'un TextView qui réalise cela s'appelle gravity.

Exemple de ce que je veux:

centered text example

534voto

Shelly Pritchard Points 51

L'alignement du texte centre de bien paramétrer l'alignement horizontal.

enter image description here

J'ai utilisé le code ci-dessous pour définir le texte verticalement et horizontalement centre.

enter image description here

Code:

      child: Center(
        child: Text(
          "Hello World",
          textAlign: TextAlign.center,
        ),
      ),

113voto

Tree Points 5388

Vous pouvez utiliser la propriété du constructeur.

92voto

Mike Points 119

Je pense qu'une option plus flexible serait d'envelopper le ```` avec comme si:

L'utilisation semble ignorer entièrement sur le widget texte. Il ne s'alignera pas ou si vous essayez, il restera au centre.

17voto

Paul Kitatta Points 51
<pre><code></code><p>Cela a produit le meilleur résultat pour moi.</p></pre>

4voto

Ramesh R C Points 27

Élément de texte à l'intérieur du centre de SizedBox fonctionnent beaucoup mieux, ci-dessous Code d'échantillon

Profitez du codage

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