Definiendo los layouts de nuestra interfaz

Clase 22 de 45 • Curso de Flutter

Clase anteriorSiguiente clase

Comenzaremos dividiendo nuestro layout en dos partes

wireframe_1.png

Comencemos por el ++HeaderAppBar++

Notarás que se compone de dos Widgets GradientBack y CardImageList

wireframe_1_1.png

Si seguimos analizando el GradientBack tendremos lo siguiente

wireframe_1_1_2.png

Ahora pasemos al CardImageList

wireframe_1_1_3.png

Continuando con la zona de abajo el ListView tendríamos esto:

wireframe_1_2.png

Veamos cómo se analiza DescriptionPlace

wireframe_1_2_3.png

Y por último nuestro ReviewList

wireframe_1_2_4.png

Este es un análisis que te recomiendo antes de empezar a codificar la aplicación. Ahora pasemos al siguiente reto.