Centrar un Text
¿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,
),
],
),
),
);
}
}
Descarga código fuente 130
No hay descargable
Redactado por: , Leido 12466 veces
© Todos los derechos reservados Codea App | Cursos de programación | 2020 - 2022