Está en la página 1de 1

El widget column permite manejar varios child, por lo tanto ya no se utiliza child

sino children <widget>[], podemos cambiar su mainAxisSize: MainAxisSize.min para


que su
altura sea la necesaria para almacenar los items a contener. tambien podemos
cambiar su
direccion vertical con verticalDirection: VerticalDirection.up, lo que significa
que
los items van de abajo hacia arriba o VerticalDirection.down lo que significa que
los
items van de arriba hacia abajo. tambien podemos manejar el espacio entre los
contenedores
mainAxisAlignment: mainAxisAlignment.[start,center,end] y tambien podemos usar
mainAxisAlignment.spaceEvenly, esto calculara la cantidad de espacio libre que
tiene la
columna y espaciara los children uniformemente a lo largo de la columna.
mainAxisAlignment.spaceBetween,da un espacio entre los contenedores dentro de la
columna,
crossAxisAlignment: CrossAxisAlignment.end, en el caso de tener un child mas grande
alineara a los otros hijo donde termine el child mas grande. Si queremos alinear
los
contenedores a la derecha vamos a crear un contenedor invisible con un ancho
infinito.
Container(
width: double.infinity,
),
una opcion para que los contenedores ocupen todo su ancho es:
width: double.infinity,
pero hay una opcion muchos mas facil, la forma de hacer esto realmente, usando una
propiedad que viene con nuestra columna, Y en lugar de usar CrossAxisAlignment.end
en
la columna usamos CrossAxisAlignment.stretch y esto estirara los childs. Si
queremos dar
un paso entre nuestros childs usamos SizedBox(heigth: "Espacio entre childs",)
Todas estas propiedades tambien se aplican a las filas(row).

Se recomienda extraer estas hojas de trucos de diseño de flutter creada por Tomek,
y por
supuesto vinculado a el, los recursos del curso.

https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e

También podría gustarte