Centrar texto en Flutter

En este post te mostraré cómo centrar texto en Flutter; ya sea de manera vertical u horizontal. Para centrar texto en Flutter de manera vertical puedes encerrar el Text dentro de un Center. Y para centrarlo en horizontal puedes aplicar un textAlign.

Veamos en los ejemplos cómo hacer esto.

Centrar de manera vertical

Como lo dije, encierra el texto dentro de un widget Center:

Center(
  child: Text("Soy un texto"),
)

Si quieres centrarlo también de manera horizontal, coloca un textAlign: TextAlign.center dentro de Text.

Centrar de manera horizontal

En mi caso no quería centrar el texto de manera vertical, solo horizontal. Primero se veía así:

Sin centrar

Después agregué el centrado de texto:

Text(
  'El texto aquí',
  textAlign: TextAlign.center,
),

Con el siguiente resultado:

Texto centrado en Flutter

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.

Dejar un comentario

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