Saltar al contenido

¿Cómo centro el texto vertical y horizontalmente en Flutter?

Solución:

Ajuste de la propiedad del centro de alineación de texto solo alineación horizontal.

ingrese la descripción de la imagen aquí

Usé el siguiente código para establecer el texto vertical y horizontalmente en el centro.

ingrese la descripción de la imagen aquí

Código:

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

Puedes usar TextAlign propiedad de Text constructor.

Text("text", textAlign: TextAlign.center,)

Creo que una opción más flexible sería envolver el Text() con Align() al igual que:

Align(
  alignment: Alignment.center, // Align however you like (i.e .centerRight, centerLeft)
  child: Text("My Text"),
),

Utilizando Center() parece ignorar TextAlign completamente en el widget de Texto. No se alineará TextAlign.left o TextAlign.right si lo intentas, quedará en el centro.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *