Este widget es elemental a la hora de crear aplicaciones, ya que muchas veces debemos centrar otros widgets.
Como ejemplo tenemos una aplicacion con un Scaffold y un Text en el body:
import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Widget: Center', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: 'Widget: Center'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Text("Centrado"), ); } }
El resultado de la App es:
Como se puede apreciar el texto est{a en la esquina superior izquierda, vamos a aplicar un Widget Center.
En el scaffold Dentro del Body Agregamos un Center( child: ), y como hijo ponemos el Widget Text que teniamos anteriormente.
Center( child: Text("Centrado"), )
El resultado del widget Center es el siguiente:
Un widget simple pero poderoso!
Hasta la próxima! 😀