How do I center text vertically and horizontally in Flutter?
Text alignment center property setting only horizontal alignment.
I used below code to set text vertically and horizontally center.
Code:
child: Center( child: Text( "Hello World", textAlign: TextAlign.center, ), ),
You can use TextAlign
property of Text
constructor.
Text("text", textAlign: TextAlign.center,)
I think a more flexible option would be to wrap the Text()
with Align()
like so:
Align( alignment: Alignment.center, // Align however you like (i.e .centerRight, centerLeft) child: Text("My Text"),),
Using Center()
seems to ignore TextAlign
entirely on the Text widget. It will not align TextAlign.left
or TextAlign.right
if you try, it will remain in the center.