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:

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:

Con el siguiente resultado:

Texto centrado en Flutter


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 1,477 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comentarios

Deja un comentario

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

A %d blogueros les gusta esto: