Container

El Container es un widget de conveniencia que combina widgets comunes de pintura y posicionamiento. Puedes controlar el tamaño, la decoración, el margen, el relleno y mucho más. Es útil cuando necesitas agregar un simple estilo visual a un widget.

Container(

  margin: EdgeInsets.all(10.0),

  color: Colors.amber,

  width: 48.0,

  height: 48.0,

)

Row y Column

Row y Column son dos de los layouts más utilizados en Flutter. Permiten colocar varios widgets en una línea horizontal o vertical, respectivamente. Son útiles cuando quieres alinear widgets en relación con otros.

Row(

  mainAxisAlignment: MainAxisAlignment.spaceAround,

  children: [

    Icon(Icons.home),

    Icon(Icons.business),

    Icon(Icons.school),

  ],

)

Stack

Un Stack permite superponer varios widgets. Los widgets se apilan en el orden en que se pasan a la propiedad children. Es útil cuando quieres superponer varios widgets.

Stack(

  alignment: const Alignment(0.6, 0.6),

  children: [

    CircleAvatar(

      backgroundImage: AssetImage('images/pic.jpg'),

      radius: 100.0,

    ),

    Container(

      decoration: BoxDecoration(

        color: Colors.black45,

      ),

      child: Text(

        'Mia B',

        style: TextStyle(

          fontSize: 20.0,

          fontWeight: FontWeight.bold,

          color: Colors.white,

        ),

      ),

    ),

  ],

)