Quiero hacer un pequeño resumen de todo lo visto hasta el momento.
No hace falta que escriban nada de código sólo presta atención.
Ok.
Recordemos que el punto Dart es el primer lugar donde nuestra aplicación es lanzada.
Recuerden también que se ejecuta mediante Elrond App.
Luego estamos lanzando aquí una instancia de la clase app que se encuentra dentro de el Source de nuestra
carpeta Sors que personalizamos nosotros también aprovechó para recordarles que tenemos tres tipos de
importaciones.
Tenemos este tipo de importación dónde está el paquete y esa es la ruta completa de nuestro contador
o Contador.
Luego viene el sours a Pepe que sería el archivo que está aquí adentro.
Ok también tendríamos otra forma que es mediante el relativo.
La tercera opción todavía no la hemos visto y la usaremos cuando ocupemos paquetes propios de Dart como
para poder convertir la información y transformarla un mapa como una respuesta Jayson que recibamos
de algún servicio HTTP.
Eso es básicamente todo.
Con este archivo Dart si abrimos ahora lo que es la PP apuntó Dart.
Recuerden que esto es un Stainless Widget.
Este Sayles widget lo que hace es construir este material APP en el cual tienen Jump que está lanzando
nuestro contador Patch.
Recuerden que esto es otro esteroles Widget y el chip es lo que recibe este otro widget llamado Center
que es el encargado de ubicar en el centro de mi explicación que de hecho se está demás pero lo dejamos
ahí.
Aquí también tenemos una configuración para quitar el banner que dice que estamos en modo de depuración
y le ponemos la propiedad.
Falso.
Recuerden que el contexto contiene la información relevante al árbol de widgets y el tema y otras cosas
que vamos a ver y vamos a ir usando poco a poco conforme vayan siendo necesarios.
Recuerden que si ustedes dejan el mouse encima de algún objeto van a tener información del mismo como
por ejemplo qué tipo de dato es qué argumento recibe para qué sirve y más información al respecto que
les va a ayudar a ustedes a poder ir a la documentación de Flore para saber más del mismo.
Recuerden que un widget no es capaz de mantener su estado y nos dio problemas cuando nosotros estuvimos
trabajando directamente aquí en el home page.
Cuando intentamos manejar el conteo en un estatales widget no nos fue posible.
Recordemos que nos daba errores que no podíamos cambiar esta propiedad porque era final y si la poníamos
como un entero no nos dejaba compilar porque el patch no cumplía las condiciones de un widget porque
el conteo podría cambiar el método Bigott es usado cuando nosotros ocupamos redibujar el widget o en
pocas palabras.
Este es el método que sirve para dibujar el widget luego dentro de este método tenemos un escafoides
que es el encargado de utilizar toda la pantalla el cual también tiene un Parkes otro widget.
El texto que es otro widget que nos permite también colocar y configurar características que se encuentran
dentro del hasbará colocamos la propiedad central tablero para que aparezca siempre centrado.
Luego trabajamos con columnas que es un widget especial que nos permite definir Children o los hijos
dentro de estos hijos.
Ustedes pueden poner cualquier cantidad de juguetes que sean necesarios.
Y este widget se va a encargar de colocarlos de manera vertical.
También usamos la interpolación de strings para transformar nuestra variable entera a un estreno utilizando
esta sintaxis.
También creamos una propiedad que nos ayuda a nosotros a configurar el estilo de la misma aquí recuerden
que tenemos un montón de propiedades relacionadas al taxista que pueden cambiar de color.
La familia de la Fuente y otro montón de cosas creamos esta propiedad para poder reducir el código a
la hora de escribir.
Aquí la configuración del estar en cada uno de estos textos bajamos un poco más y aquí terminamos una
acción de un hombre.
Este Florin Axum.
Recuerden que cualquier botón va a tener siempre por obligación que nosotros tengamos que definir el
evento on Press ya sea mediante una función anónima o bien un método que nosotros definamos de la clase.
O simplemente mandar Null en caso de que no creamos que ese botón esté activo.
Recuerden que el Null va a ser que ese botón esté desactivado.
Por último estuvimos trabajando en el contador Patch el contador Patch siempre está importando el paquete
de material que es el que nos habilita todos los widgets y funcionalidades de Floren.
Recuerden que un step full widget tiene dos clases o se compone de dos clases el Estatut Willett como
tal y una clase Estatut que extiende ese Willet.
En este caso el contador Pach nuestro widget necesita este método de crear un Estado el cual mediante
este guion bajo estamos diciendo que este contador Peche State es una clase privada que sólo funciona
en este archivo.
Aquí estamos creando una nueva instancia de esa clase.
Si bajamos un poco más recapitulando este widget es exactamente el mismo widget que nosotros mostramos
en la parte del patch con la diferencia que aquí estoy manejando el Estado y aquí ya me permite definir
que esta propiedad conteo puede cambiar en el tiempo.
El guión bajo recuerden o mentalizarse que hace que esa propiedad sea privada y sólo accesible dentro
de esta misma clase en este Steyn o Contador Piechestein tiene el método Bil que es para dibujar este
Willett como tal al final de la sección Nosotros estuvimos modificándolo un poco y creamos un método
llamado crear botones con el objetivo de que todo el código donde estamos creando este robot y colocar
todos los botones no quede incrustado dentro del Pilot el cual un mes CAFO si nosotros no lo hubiéramos
hecho este código hubiera crecido bastante y aunque está bien dar no se hubiera confundido pero es muy
fácil para nosotros perder el hilo de donde estamos creando cada cosa y hay que tratar de ser ordenados
lo más posible.
Por último aquí tenemos una cosa medio extraña en la cual nosotros creamos un blog el cual es un widget
que nos permite alinear otros widget de manera horizontal el mail Axis alignment.
También lo discutimos que nos va a ayudar a ordenar o alinear los widgets internamente.
Hay varios tipos de alignment y también discutimos que el main Axis alignment de un robot es diferente
al main Axis a la de un columna tanto el Willett Brow como el Column tienen el Children esta propiedad
Children el cual contiene una lista de widgets.
En pocas palabras puede ser una lista de cualquier cosa como lo estamos viendo acá.
Aquí un sandbox que no es más que una pequeña caja transparente casi invisible que tiene un ancho de
30 puntos o de 30 pixels.
Luego viene un floten Action botón que tiene este ícono que es como un cero.
En realidad es el explosivo que llama el método ombres Risquet recuerdan que no pusimos los paréntesis
porque yo no quiero ejecutar ese método en este instante lo único que quiero hacer es pasar la referencia
a la empresa.
Es decir cuando se toque este botón va a llamar ese método cuando esa función necesite recibir argumentos
sólo tendremos que implementar de una manera diferente.
Pero ya llegaremos a eso.
Luego tenemos un expanded que lo que está haciendo es abarcar todo el ancho posible o sobrante que tengamos
en nuestro ROV.
También podrían poner varios expanded y se dividiría proporcionalmente entre todos los widgets expanded
que tengamos.
Luego tenemos otros Florina Schönborn con otro ícono otros seis Boks con 5 pixeles que de hecho aquí
tuve que haber puesto 30 puntos cero 30 puntos cero.
Ok disculpen que sigamos bajando.
Luego tenemos la definición de nuestros métodos en los cuales estamos llamando el método sextete.
Cuando en un esté full widget o mejor dicho en el Estatut del Estatut widget sonará algo extraño pero
ustedes me entienden.
Cuando hoy llame el set STEPV básicamente le estoy pidiendo que se redibujar nuevamente porque quiere
decir que hubo cambios que yo necesito redibujar en la pantalla como es el caso de que yo estoy cambiando
el valor de contengo.
Aquí lo incremento aquí lo resto y aquí lo igualó a ser.
Por eso es usted porque necesito que se dibuje en cada una de esas instancias o cada uno de esos momentos
del tiempo.
Si ustedes no ocuparan hacer ningún cambio visual mediante una propiedad estos botones entonces no haría
falta llamar el set STEC y simplemente llaman la acción de incrementar o restar o igualar lo cero.
Básicamente esta es toda la aplicación que nosotros hicimos a lo largo de esta sección.
Si es la primera vez que ustedes interactúan con flores posiblemente se sientan un poco abrumados por
la cantidad de cosas nuevas.
Pero créanme en la próxima sección vamos a crear otra aplicación en la cual ya van a empezar a sentir
estos comandos más familiares o no tan extraños recuerden que la práctica es la que hace el maestro
ustedes van a tener que volver a hacer una aplicación volver a hacer otra volver a hacer otra volver
a ser otra hasta que llegue a un punto donde todos estos comandos se sientan familiares a ustedes.
Y por último recuerden que siempre siempre siempre tienen la documentación si ustedes dejan el mouse
encima tienen información de lo mismo y también tienen a la mano la documentación oficial de Flore.
También los invito a que ustedes practiquen con todos los snippets que vienen en el Hasson snippets
nosotros vamos a empezar a utilizarlos en las próximas secciones y en las próximas clases.
Pero bueno dejemos esto si continuamos con la siguiente clase.