Vamos a comenzar esta clase o mejor dicho este proyecto de componentes en el cual vamos a utilizar bastantes
componentes de Flore no los usaremos todos porque son demasiados y eventualmente eso sería aburrido
así que vamos a usar los principales y luego vamos a empezar a crear aplicaciones ya mezclándolos para
que hagamos aplicaciones reales.
Pero por momentos me interesa que comprendamos por lo menos los principales widgets y unos que no son
tan principales pero les van a ayudar a ustedes así que vamos a crear la aplicación muestren el comando
palet que perfectamente puede ir aquí vivo como en Paulet.
Yo voy a tocar el shortcuts y voy a buscar el Flore new project presiona Enter.
Voy a ponerle el nombre que va a ser componentes enter me pide qué carpeta quiero grabarlo lo tengo
en el escritorio Flore y aquí lo voy a grabar.
Recuerden que el contador fue la primera aplicación que creamos en la sección pasada.
No puedes seleccionarlo dejó que esto empiece a crear todo así que tengamos un poquito de paciencia.
Esto es relativamente rápido así que esperemos un segundo
perfecto.
Aquí ya termino me dice que hasta puedo correrlo con presión presionando el botón F5 voy a cerrar esto
voy a borrar el archivo de pruebas o el directorio de pruebas porque no voy a hacer pruebas orita y
lo único que quiero hacer acá es abrir el mail art y borrar todo.
Si ustedes tienen los snippets de Hasson snippets que es déjenme mostrárselos nuevamente voy aquí a
los snippets ups que se me hicieron es un poco más grande están los snippets de Jaime enseñárselos Azón
snippets.
Hay una en particular que me gusta mucho porque sumamente rápido empezar la aplicación y es este ñaca
saber dónde está el mate app.
Este ya construye toda la interfaz básica para lanzar una aplicación de Federer por defecto es casi
casi lo que siempre vamos a hacer.
Usualmente es bueno que ya tengamos todo el código y borrar lo que no necesitamos.
Perfecto entonces déjeme correr por acá recemos al minipunto Dark este de las extensiones lo voy a cerrar
ok y vamos a escribir.
Mate App Center eso usa el Azumi snippets y ya me crea todo la interfaz necesaria de una aplicación
básica en Flore vamos a grabar los cambios cambiamos este título de la aplicación por componentes que
hay aquí material.
Voy a poner componentes app dejemos aquí el Hola Mundo grabemos los cambios presionamos F5 para lanzar
la aplicación y verla en el emulador.
Ya pronto vamos a utilizar estas herramientas de depuración.
Ya casi llegamos a eso.
Dejemos que esto levante y deberíamos de ver en breve nuestra aplicación corriendo en el emulador de
Android
perfecto.
Aquí ya lo lanzó.
Ya tenemos la aplicación corriendo.
Voy a cerrar esta terminal y voy a ocultar la barra lateral para tener más espacio para trabajar.
Pero saben que estoy trabajando en el archivo Dart.
Primero yo detesto este banner que dice de depuración.
Entonces el material app abajo del título siempre dentro del material vamos a buscar el book panel.
Entonces Bane Tapp Fox que hay cosas que yo voy a hacer un poco más rápido porque ya las he explicado
anteriormente en el curso y no quiero que nos enfoquemos bastante en hacer algo que ya vimos anteriormente
si usted necesita un reforzamiento perfectamente pueden ver las secciones anteriores nuevamente esa
es la gracia de que sea un video tutorial.
Ok entonces qué es lo que voy a hacer a continuación.
Voy a crearme una nueva página esa página va a ser la que voy a mostrar acá y esa página va a reemplazar
My Body que tengo acá.
Posteriormente vamos a utilizar rutas para poder navegar entre diferentes pantallas de la aplicación
pero todo a su momento.
Por momentos voy a hacer clic en el nuevo folder SMS enter dentro de ese otro folder llamado Urgellés
enter y aquí voy a crearme una nueva página llamada Joram que un bajo temp punto Dart Enter.
Por qué le estoy poniendo este nombre porque este Jonh es temporal y porque es temporal Fernando porque
yo necesito explicarle ciertas cosas sobre los Liset View y cómo trabajar con las listas de varias maneras
por lo cual necesitaré esta página para explicarlo y luego lo implementaremos ya leyendo un Jayson y
trabajando con archivos externos y varias cosas mejor.
Temp va a ser un Stainless Willet.
Recuerden que lo primero es importar el paquete de materia y aquí usemos otros Nipe llamado Stainless
widget Flore Stainless widget impresiono tap y ya me crea toda la interfaz excelente.
Esta clase o este Stiles widget se va a llamar John Patch Temp que tiene su aquel container vamos a
cambiarlo por un center porque quiero centrar algo enter dentro va a tener su Chile que va a tener un
texto que diga John del Punto y Coma voy a grabar los cambios en el home Temp.
Ahora cambiemos el punto para que en lugar de que se muestre decente se muestre mi John Peach.
Ok entonces voy a borrar desde este Center o todo el Center pueden observar lo que desde acá Center
hasta aquí lo borramos y escribamos John Patch Temp parentesis y eso sería todo.
Me Samarkanda un error porque tengo que importarlo.
Entonces voy Djalma o si encima del error Colmán punto o control punto importar ese paquete si no les
apareciera eso.
Entonces ustedes van a tener que importarlo manualmente.
Recuerden que los paquetes que ustedes me hicieron deberían ir al inicio.
Eso es el estándar.
Ok pero no hay diferencia.
Aquí donde ustedes lo estén importando voy a grabar los cambios.
El otro hilo lo hace y ahora me aparece aquí.
John temp excelente.
Eso es básicamente todo lo que yo necesito por este video.
Recuerden que lo único que hicimos fue crear un widget que es una nueva página en la cual yo voy a trabajar
con las listas.
Eventualmente cambiaremos esto para trabajar por rutas pero todo en su momento.
Así que los veo en el siguiente.