How do I center text vertically and horizontally in Flutter? How do I center text vertically and horizontally in Flutter? flutter flutter

How do I center text vertically and horizontally in Flutter?


Text alignment center property setting only horizontal alignment.

enter image description here

I used below code to set text vertically and horizontally center.

enter image description here

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.