Es momento de trabajar con la página que la página 1 se crea mediante este método y este es el método
que crea la página.
No vamos a dejar un espacio ahí para tener trabajo cuando empecemos con los peinados que no es la gran
cosa tampoco.
Entonces voy a cambiar este Center y voy a utilizar un widget en particular llamado Stack parentesis
Punto y Coma enter esto del stack ya lo había mencionado superficialmente pero qué se le Stagg si regresamos
a la documentación de widgets.
No hace falta que ustedes vengan aquí se los voy a dar explicación nosotros tenemos por acá vamos a
buscarlo vamos a buscar Logista tenemos lo que es el leyo widgets que son los encargados de la posición
de otros widgets dentro de la pantalla.
Por ejemplo tenemos el blog que los ordena de manera horizontal tenemos el icono de manera vertical
y tenemos el stack que lo que hace es colocarlos uno encima de otro.
La posición en la cual ustedes lo ubiquen dentro de su Children es importante porque así lo van a poner
los últimos van a ser los que estén más cerca de ustedes como lo que esté más cerca de la pantalla haciendo
pequeño paréntesis mi mano y intenté hacer una animación.
Después me di cuenta de que no ustedes no me pueden ver así que me sentí ridículo pero bueno ustedes
me entienden.
Los widgets que tienen su Children y los widgets que van a colocar aquí dentro el orden importa.
Los primeros son los que están más al fondo y los últimos son los que están más arriba.
Eso es básicamente lo que quiero decir vamos a comenzar con nuestro primer widget que va a ser el color
de fondo color fondo paréntesis y voy a poner una coma aquí.
Ese widget o este método donde existe lo voy a crear de una vez es un widget que se llama color de fondo
y quiero que todo el color de fondo sea como un azul.
Entonces hay varias maneras hay muchas formas de obtener los colores ok ya vamos a ver eso.
Primero voy a hacer un restaurant de un container paréntesis entre el punto y coma.
Este container va a tener un widget de doble Tobo punto Infinite o sea todo el ancho posible y también
va a tener un aire de un Jack London donde todo el alto posible.
Si ahora hago los cambios no se va a ver absolutamente nada porque el Wille es transparente y recuerdo
que yo quité la palabra pero si ahora le pongo un color y voy a poner colores punto Red y grabó los
cambios entonces toda la pantalla se hace de ese color.
En pocas palabras lo que ustedes pongan así si lo hicieran de esa manera pueden cambiar fácilmente el
color de fondo.
Inclusive pueden colocarle gradientes y eso es algo que vamos a hacer en la próxima aplicación en el
próximo diseño pero por momentos yo quiero utilizar un color en particular entonces color punto from.
Y voy a seleccionar rojo Green Blue y la opacidad.
Aquí voy a poner si devolvamos encima son todos enteros excepto la opacidad que es un doble.
Entonces si empezamos con 108 Tapp 192 192 Tapp y aquí 218 y la posibilidad va a ser de 1.0 para que
sea sólido.
Si ustedes pusieron otro color entonces sería más transparente.
Por ejemplo si ustedes cambiaran aquí a 0.5 sería semitransparente pero aquí hice algún relajo.
Voy a grabar los cambios y ahora semitransparente recuerdan que el fondo es blanco.
Más adelante les voy a explicar cómo cambiar ese color de fondo por defecto también pero lo voy a dejar
así que use ese color.
Ya tenemos nuestro color de fondo.
Ahora voy a implementar lo que es la imagen de fondo y poner un bajo imagen.
Fondo parentesis y una imagen de fondo es otro Willett que voy a crear acá.
Otro método que regreso un widget de imagen de fondo Rojas y lo único que quiero hacer acá es colocar
una imagen que abarque todo todo todo el espacio posible.
Entonces es muy parecido a esto de hecho voy a copiarlo lo voy a pegar acá siempre.
El width y el de Doble punto Infinity.
Pero no voy a poner de ningún color lo que va aquí es un chaval con su imagen en tener una imagen viene
de un Haceb y Mazz porque es una imagen que tengo unos assets.
Ahí viene la dirección assets Slash scroll menos 1.En el nombre es importante y asegúrese de que esté
igual acá voy a grabar los cambios y debería de ver la imagen.
Noté que como la imagen tiene un fondo transparente al final pareciera que termina en ese color.
Ustedes pueden cambiar el color este color para que sea lo más parecido a este.
Yo tuve ciertos problemas no sé por qué no pude capturar exactamente este color.
Pero ustedes ustedes pueden resolverlo de muchas formas.
La imagen no está ocupando el 100 por ciento del dispositivo aquí tengo espacio arriba y tengo espacio
abajo.
Entonces cuando eso suceda utilicemos el FIT con su propiedad Box fit.
Esta vez lo dije bien no lo dije al revés y es un punto cóver para que se expanda todo el espacio posibles
respetando las dimensiones de la imagen y se mira bien.
Ahora yo puedo hacer un scroll hacia arriba y lamentablemente la segunda página es blanca pero por lo
menos efecto ya va más o menos como quería.
Ahora lo que tengo que hacer.
Recuerden que los stacks es como si ustedes tuvieran un AIPE.
Entonces cada Stagg sería como un Aipe y eso quiere decir que los naipes unos encima de otros.
Ahora si yo coloco acá otro otro nuevo Wick quiero otra.
Otro método que regresión Willett esa va a ser la última posición o sea la exposición que va a estar
más arriba de la pila de cartas o de mi stack de cartas.
Básicamente lo que tiene que retomar ese Willet dejenme mostrarles el PDF tiene que mostrar esto.
Este número tiene que regresar el miércoles y hacer esta partecita de acá.
Eso es lo que tengo que crear con esas columnas.
Entonces va a ser crear textos o textos.
Voy a poner textos parentesis y voy a poner una coma.
Obviamente ese método no existe.
Vamos a implementar ese método de textos Widget widget que ni sé como escribo textos paréntesis ahora
cierro llaves enter y aquí tenemos que hacer un retrón de una columna Colm Tapp parentesis enter.
La columna tiene su Children puntico ok y aquí simplemente es rellenar la información como nosotros
creemos que aquí hay varias maneras de hacerlo ya lo vamos a resolver.
Pero voy a utilizar Skype después porque tengo el noch.
Pero bueno empecemos a crear los textos.
Empecemos con el texto que dice 11 grados.
Ya lo había copiado porque este ícono bueno carácter no sé cómo generarlo y bueno en el teclado que
tengo está él yo voy a ponerle que sea de un estilo blanco y voy a crear una propiedad acá llamada final
estilo texto para no tener que estar repitiendo lo mismo Textile que exista el paréntesis.
Vamos a poner el color de color punto junto coma Koma y un iPhone 6 de unos 50 puntos.
Recuerden que Uds. pueden jugar con esas dimensiones probar las que más les gusta y todas las cosas.
Este estilo TEDx es el que yo le voy a poner a este 11 grados grado loscambios y ahí aparece ok digamos
que está mal posicionado pero yo lo tengo ahí.
Eso es un gran avance.
Ahora vamos con el que dice miércoles entonces y Hércules que grabó los cambios y debía aparecer abajo
va quedando un poco mejor.
Luego tendríamos nuestro ícono que es la flechita direccional abajo acá y sería un Icons.
Hoy despuntó y ese es un ahorro.
Ese es el que estoy buscando.
Koma tiene sus seis si tienes que ser enorme lo voy a poner de 70 .0 pixeles y va a tener un color de
colores apuntó Witt.
También grabó los cambios y ahí está.
En teoría eso es lo que yo necesito mostrar acá pero hay una gran separación entre el miércoles y esta
fecha.
Sin contar que está centrado y otras cosas.
Entonces cómo hago para hacer que este ícono que lo más cerca posible de abajo.
Cómo hacemos eso.
Vamos a utilizar algo que hicimos en el diseño pasado que es el widget expanded expanded Koma el expanded
a fuerza necesita un widget.
El expanded va a estirar ese widget a todo el ancho posible siempre respetando las dimensiones de sus
widgets hermanos o sea los otros hijos.
Aquí sería un chile y necesito especificaron ya de la fuerza y puede ser un container vacío.
Esos son Willa totalmente válido.
También podría ser un 6 o cualquier cosa si yo grabo los cambios.
Noten que ahora lo está tirando hacia abajo el expanded también lo hace en todas las dimensiones posibles
tanto de manera horizontal o sea a lo ancho y a lo alto y por eso es que todo parece centrado.
Si este container o sashimi expanded tuviera un un ancho fijo entonces aquí no aparecería todo ese espacio
central.
Pero bueno casualmente eso me resuelve el problema de la fichita direccional abajo y la posición del
miércoles pero tengo el problema de que este 11 está en una posición que tal vez tal vez está muy arriba.
Vamos a bajar primero entonces voy a usar un sandbox.
Arriba del del 11 grados un 6 Boks con un joie de unos 20.6 pixeles Koma como está además y grabo los
cambios que eso en teoría estaría bien en dispositivos que no tienen ese no experto en dispositivos
que tienen algo que estorba y entonces lo ideal sería envolverlo en un 6.
Esta columna entonces como en punto control punto lo vamos a envolver en un widget y ese widget es el
6 que grabó los cambios y vamos a ver ahora si mira mucho mejor.
Inclusive me está previniendo con esta barrita que tiene los dispositivos iOS para ustedes saben la
multitarea las texturas y todo eso o los gestos y ahí está.
En teoría hemos terminado esta pantalla a mi me gusta como se ve ustedes la pueden personalizar más
podrían bajar esto más o menos ustedes sabrán qué hacer video.
Vamos a trabajar con esta segunda pantalla que se las podría dejar de tarea porque es relativamente
sencillo.
Si quieren vayan avanzando con esta otra página que creen algo parecido a esto.
El botón no me importa mucho si lo hacen con esos bordes semi cuadrados pueden usar cualquier tipo de
botón pero por lo menos pongan el fondo y el botón de un color.
Eso es básicamente todo lo que necesito para esta pantalla pero este video ya se hizo muy largo y los
veo en el siguiente video.