¿Cómo centrar un Text en Flutter vertical y horizontalmente?
VIDEO ¿Cómo centrar un Text en Flutter vertical y horizontalmente?
Para centrar un texto debemos usar el widget Center() esto centrará vertical y horizontalmente al widget, más para su contenido usaremos textAlign.center
Dado que el widget Text es muy usado para mostrar textos en nuestras aplicaciones es que necesitamos controlar la alineación del texto.
CENTRAR UN TEXTO EN FLUTTER
Debemos tener en claro que una cosa es centrar el widget y otra el contenido del widget, dicho esto vamos a ver como centrar completamente un texto muy fácilmente.
CENTRAR DOS WIDGET TEXT EN FLUTTER
CÒDIGO DART
class _PaginaInicioState extends State<PaginaInicio> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
padding: EdgeInsets.all(20),
width: MediaQuery.of(context).size.width,
decoration: BoxDecoration(color: Colors.indigoAccent),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text("TEXTO CENTRADO", style: TextStyle(color: Colors.white, fontSize: 40),),
SizedBox( height: 40,),
Text(
"OTRO TEXTO CENTRADO EN UNA APLICACIÓN MÓVIL CON EL SDK DE FLUTTER",
style: TextStyle(color: Colors.white,),
textAlign: TextAlign.center,
),
],
),
),
);
}
}
Visitado 641 veces | Publicado hace 2 meses
© Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020 - 2021