Aquí es donde ya se empieza a poner lo bueno.
Bien como les había dicho antes de mostrar las tarjetas.
También quiero crear un Apar yo sé que en alguna parte de la sección anterior dije que esta aplicación
no iba a tener pero sí lo vamos a colocar porque quiero explicar también cómo hacer o implementar un
sexuado pero para eso lo vamos a ocupar entonces para eso va el título va a ser un texto que diga películas
películas en cines podemos ponerle algo así.
Luego tenemos el bacán color tap Colors vamos a usar indicó índigo.
Eso me parece bien porque hemos acciones aunque todavía no lo implementemos simplemente dejémoslo puesto.
Hay un botón paréntesis enter el botón recibe un iPhone y este pues es algo que ya hemos estado haciendo
bastante hay con su punto CERC me pide el ombres parentesis y Abruzzi ya no es nada del otro mundo.
Un simple Apar o Abarth que tengo acá.
Bueno yo no quiero que esto esté centrado lo puedo poner acá como centro Caroll falso para que lo deje
siempre igual acá al lado.
Ahí vamos hoy va tomando forma nuestro body lo vamos a cambiar y yo no voy a utilizar ese oiría voy
a colocar aquí un container con su Chile que va a ser una columna y la columna tiene su Children en
la cual vamos a definir nuestro primer widget personalizado que va a ser el Whippet de tarjetas.
Eventualmente yo voy a extraer la lógica de este Sweeper tarjetas y crearé un widget independiente que
se encargue de crear las tarjetas que vamos a colocar aquí arriba.
Pero ya lo vamos a hacer.
Esto va a ser una función un método que revisa un widget llamado crear tarjetas o swap de tarjetas y
hay que hacer un retiro de un contenido por lo menos algo así para comenzar.
Si yo grabo los cambios sería hijitas el texto y la aplicación está funcionando sin ningún problema.
Ok les voy a pedir que revisen el material adjunto este enlace que está ahí.
Los debería llevar a este lugar floretes Whippet.
Posiblemente ustedes tengan versiones superiores a las mías.
Hay varias formas de hacer estas instalaciones.
Si nosotros revisamos esta página el Whippet les permite a ustedes crear esto muy fácilmente o sea muy
fácilmente ustedes lo pueden tener implementado en segundos aunque hay otras funcionalidades.
Podemos seguir bajando o seguir bajando y aquí ya está como se utiliza podía subir vamos a la parte
de instalación y hay que instalar.
Para eso nos pide que en el pop Speck puntos Jaim Hay que importar o copiar este código.
Yo lo copio regreso a mi aplicación.
Revisemos el pop Speck puntu Jam.
Busquemos toda esta parte de Cupertino icons gusta y lo voy a colocar justo abajo.
Recuerden que la tabulación es importante tienen que estar ahí si ustedes quieren pueden utilizar exactamente
la misma versión aunque yo les recomendaría la última.
Pueden borrarlo y dejarlo así.
También tomaría la última versión.
Eso funciona correctamente.
Pero yo voy a instalar la versión 1.1 1.6 siéntanse libres de usar la misma mía o la más actualizada.
Como ustedes quieran perfecto ya sea la instalación cierro cierro.
Sigamos viendo siempre en la instalación aquí nos dice cuál es el paquete que nosotros tenemos que importar
para usarlo en nuestros archivos de Dart.
En este caso sería toda esta dirección y acá la copio vamos a pegarla aquí arriba.
Repito posteriormente vamos a quitar esto de este lugar porque no me gusta que esté bueno que estemos
mezclando este Wallpaper con mi home.
Ya lo vamos a arreglar.
Prometeos quiero hacer que el sueño funcione.
Voy a regresar al Remei bajemos bajemos por aquí tenemos un ejemplo.
Nosotros ya deberíamos de ir como tomando cierto conocimiento para poder leer este código.
Ok.
Aquí tenemos nuestro Main round.
Ustedes ya saben qué hace eso hay un Stainless Willett que tiene el virus del material.
Todos ustedes ya lo saben.
Sigo bajando un poco más.
Aquí tenemos nuestro John Page que también es un Steinfeld.
Todo esto tiene que ser familiar para ustedes ya.
Tal vez hay un par de cosas que todavía no hemos visto como el uso de los kits pero no se preocupen.
Vamos a seguir buscando y aquí tenemos nuestro CAFO con su habar y el body el body tiene el Whippet.
Este es Whopper tiene la siguiente configuración de hecho podríamos copiar todo desde el nevus Whippet
hasta hasta el fin de.
Pero hasta donde sabemos esta Koma vamos a regresar a nuestra aplicación.
Ok voy a bajar los deteníamos este container lo cambiamos por el sweeper.
Ok lo voy a dejar de esta manera y vamos a ver qué es lo que está haciendo está construyendo el Whippet
lo podemos quitar porque esto es un widget necesita el ítem Gilder que es muy parecido al fútbol Builder
que nosotros utilizamos en la sección anterior.
Qué es lo que hace es construir imágenes desde esta dirección web.
Podríamos tomar esta dirección pegarla y esta es la imagen que está creando podrían cambiar con sus
propiedades imágenes más grandes.
Pero eso es sólo para fines ilustrativos en este momento.
Luego tenemos un fin que ellos saben qué es lo que haces para que la imagen pues Adapt se adapte a las
dimensiones que tiene.
Ok ahí está su Fit tiene tres ítems era el sweeper paginación y el hiper control que eso está bien.
Si yo grabo los cambios posiblemente no veamos nada.
Es decir debía de funcionar si en teoría debería de funcionar pero hay varias cosas aquí que debíamos
de ver si revisamos el debut con sol tenemos varios errores que son medio extraños que esto debería
estar mejor explicado en la documentación.
O bueno será que yo no la he leído porque no la encontré pero el problema que tenemos es que los Kuipers
no saben cuál es el tamaño que tienen y no saben el área en el cual tienen para desplegarse.
Entonces nosotros ocupamos decirle esa información para eso voy a hacer dos cosas 1 voy a colocar el
subway dentro de un container que arreglarla tabulación que dentro del container voy a especificar un
par de dimensiones así temporales.
Luego lo vamos a hacer un poco más preciso usando mi Aquaris pero por un momento voy a decir que el
width o sea el ancho va a ser doble punto Infinit.
Esto quiere decir usa todo el ancho posible todo el ancho que dispongas de aquí hasta allá okey todavía
sigue sin aparecer nada.
Tenemos el Jeunet y pongámoslo de unos 300 píxeles al alrededor los cambios ya tenemos algo en pantalla.
Esto es importante le estamos diciendo que el subway tiene que tener estas dimensiones.
Ustedes podrían llegar idealizarlo con sus dedos o en este caso con el mouse como yo lo estoy haciendo.
Si ustedes quitan la paginación entonces lo que va a ser es que va a desaparecer los tres puntitos de
acá y les voy hiper control que tenemos acá.
Si yo no lo quito ya no tenemos esas esas barras a ambos lados pero siempre podemos deslizarlo de esa
manera.
Eso está bien.
Si seguimos viendo la documentación vamos a ver si tenemos varias formas de utilizar el stack debería
estar acá buscar los stacks que son un ejemplo.
Este es el ejemplo que a mí me interesa y básicamente le tengo que especificar el sweeper Leo Stack
hay varios como para ser Tinder como este que está aquí abajo y ustedes pueden revisarlos y probar cuál
es el que más les gusta.
Entonces lo único que tengo que hacer es mandar el lay out super stack.
Entonces regresemos a la aplicación que lo voy a colocar acá out.
Pero dentro de la Sweeper por favor es Google out y busquemos el stack aquí hay una coma déjeme arreglar
la tabulación un poquito grabo los cambios y vamos a ver qué sucede.
Me marcó un error me dice que el ancho tiene.
Bueno tenemos que definirle los tamaños que tienen que tener las tarjetas si no no funciona.
Si nosotros vemos acá le está poniendo el ítem y el ítem WiFi o sea el ítem WiFi por lo menos tenemos
que especificarlo.
Vamos a poner es ok hay them with tap.
Y mientras lo voy a poner unos 200 puntos cero píxeles vamos a ver qué tal se ve.
Ok luego lo vamos a adaptar por el momento lo que quiero es que miren la funcionalidad ven ahí está
ya tenemos nuestras tarjetas podríamos ser un poquito más elegantes y ponerle aquí que tenga una separación
al inicio que por ejemplo ponerle un Padín Insect only suponerle untó de unos 10.0 píxeles para hacer
una separación aquí arriba ya se ve un poco mejor.
Lo vamos a dejar así ya tenemos nuestras tarjetas implementadas bastante básicas pero por lo menos ya
lo tenemos funcionando.
Lo dejamos así continuamos con el siguiente video.