Ya vimos el problema que teníamos con el Stainless que nosotros no vamos a poder cambiar esta propiedad
porque en esta pantalla necesitamos cambiar el valor de éste 10 o sea de mi propiedad conteo pero como
la tenemos final no podemos hacer ese cambio entonces vamos a hacerlo pero ahora vamos a hacer esto
mismo pero creando un widget para eso les voy a pedir que vayamos a páginas click derecho archivo y
ese archivo se va a llamar Contador un bajo peaje punto start ok puede presionar enter.
Este es el nombre del archivo para los Steinfeld widgets.
Primero siempre vamos a hacer la importación de material entonces import m y ahí está el Steinfeld widget
consta de dos clases o sea son dos partes.
La primera es el Estado Phuc Willett como tal y el segundo es el Estado que va a manejar ese Steinfeld
Wikia sonará complicado pero realmente esto es bien mecánico cada vez que ustedes vayan a trabajar con
este Willett siempre es el mismo código.
Entonces vamos a tratar de hacerlo despacio pero comprendiendo cada una de las líneas que escribamos.
Vamos a comenzar con la primera clase Class Contador Veitch el nombre que ustedes quieran darle y esto
extiende del full widget that abren y cierran llaves.
Obviamente me va a marcar un error porque yo tengo que implementar un método que ya vamos a ver el Stepford
Willett necesita fuerza un método que ya voy a escribir la segunda clase que se necesita es el Estado
que esté Willett.
Entonces vamos a hacerlo de una vez Class Contador Veitch estáte y colocar la palabra estáte es un estándar
y usualmente se le coloca el nombre del Estatut para saber que es el Estatut que va a manejar el contador
Pech.
Esto extiende de Estatut que es otra clase que ya viene en el paquete de material voy abrir y cerrar
llaves todavía.
Y también tengo un error.
Ya los vamos a ver ya vamos a resolver estos errores poco a poco.
Primero esta clase del contador Pach que solo se va a utilizar en esta página del contador Pach.
O sea este es el estado de esta clase y no va a ser usada fuera de la misma.
Por eso voy a poner un guión bajo acá para obligarlo o hacerlo privado o que esa clase no se va a poder
utilizar fuera de este archivo.
Eso no quita ningún error pero por eso estoy poniendo el guión bajo luego este estáte.
Si dejamos el mouse encima para notar que tiene estas llaves este que extiende este Willett este qué
quiere decir que es una clase de tipo genérica y yo necesito especificar qué tipo de widget o Steck
full widget va a manejar en este caso yo necesito manejarlo de este tipo del contador PACh y por eso
lo pongo entre esas llaves.
Voy a hacer esto un poco más grande porque por el momento no necesitamos ver la pantalla.
Todavía no vamos a usar este archivo hasta que ya nos descargamos de todos estos errores.
Ok si yo dejo el mouse encima del contador Patch.
Vamos a ver qué error dice.
Dice que falta la implementación del stand fue Willet Rieu State.
Esto es lo que me hace falta y es lo que yo tengo que implementar.
Entonces se llama kiai extent Toit aquí yo puedo escribir Puyal Strait y como yo tengo el plugin de
Flor y snippets de Flor ahí ya me crea todo el código si yo escribo o toco la letra tap me crea todo
de forma automática.
Ok pero lo vamos a hacer.
Paso a paso que lo vamos a hacer paso a paso.
El método se llama Rieu stated que yo no voy a presionar tap y lo voy a escribir manualmente.
El cliente estáte necesita retornar una nueva instancia de mi contador Peach State retraigan y un bajo
Contador.
Peach State.
Punto y Coma.
También podrían poner aquí unió pero ustedes saben que eso es lo mismo.
Ok entonces lo voy a dejar así.
El Steffani widget la clase como tal tiene una implementación interna del stated por lo cual yo necesito
sobrescribir.
Entonces orbite del tuit stated noten que el error en el contador Patch que tenía aquí ya desapareció
porque esta es una implementación que satisface la necesidad que pide o que nos obliga el Estado fue
widget State.
Recuerden que como este es un método que sólo retorna una línea y esa línea es el ratón.
Perfectamente puedo transformar esto a una función de flecha.
De esta manera que sigue siendo lo mismo ahora lo que tengo que hacer es corregir los errores que tengo
en el contador Peach State se dejo el mouse encima me dice que falta la implementación del State punto.
Este video me suena me suena parecido.
Ok este bien pareciera pareciera que ya lo había hecho antes.
Si nosotros revisamos nuestro home page aquí tenemos nuestro método Pill que retornan Willet que recibe
el contexto o el contexto y el contexto y viene toda la definición de ese Willett o sea en este caso
andariveles CAFO del Apar todo lo demás parecía o será que yo puedo poner eso ahí.
Efectivamente eso es lo que está faltando.
Tendríamos que hacer el horrible RIP de el widget del Pit.
De hecho ahí me sale la sugerencia personal y ya lo crea todo por mí ok aquí sí lo voy a hacer porque
esto ya lo habíamos escrito anteriormente todo este método.
Si ustedes se fijan lo que yo tengo que poner ahí es todo esto mismo sea todo es horrible todo todo
todo todo todo mi Widget.
Entonces yo voy a seleccionarlo desde aquí o sea desde el horror de todo esto.
Todo esto necesito copiarlo todo esto desde acá hasta lo.
Yo lo voy a copiar y lo voy a venir a pegar.
Voy a borrar esto y voy a pegar el widget aquí como tal no se preocupen por esos errores.
Aquí tengo el Oberoi y es el mismo procedimiento del Bildt los errores que están apareciendo es porque
yo necesito el estilo texto y el conteo.
Esas propiedades que yo tengo definidas acá entonces también las voy a copiar y las voy a pegar aquí
en el State ok.
Eso también es un estándar que como estas propiedades sólo se van a usar dentro de esta clase las puedo
hacer privadas poniéndoles un guión bajo.
Si dejamos el mouse encima porque apareció un subrayado dice que el valor del campo estilo texto no
se ha usado.
Eso está correcto.
No se preocupen por eso porque todavía no las hemos usado.
Entonces aquí ya no sería estilo texto.
Aquí tendríamos que ponerle lo que es el guión bajo estilo texto tanto aquí como acá.
Y el conteo también tengo que poner un guión bajo para que funcione.
Ustedes podrán observar que en este preciso instante ya no tengo ningún error en Contador Pach pero
esta variable de conteo es la que yo necesito manipular el estilo texto lo puedo dejar así perfectamente.
Aquí voy a cambiar final por Intel para decir que este conteo es el que yo voy a manejar.
Ok entonces aquí sí necesito que mostremos la pantalla del dispositivo porque si sale algún error ya
lo vamos a revisar.
Dejemos esto en el staff fue Wille ok lo vamos a dejar como entero.
Voy a grabar los cambios.
Bajemos un poco más.
Aquí tengo el conteo es igual a conteo +1.
Voy a quitar ese comentario y acuérdense que ya no se llama conteo ahora se llama bajo conteo.
De esta manera habrá una manera corta de hacer este incremental es ponerle o hacer ese incrementarlos
ponerlo así conteo más más.
Esto va a ser igual al código que tenía anteriormente.
Voy a grabar los cambios.
Obviamente esta página no la tengo relacionada en ningún lugar por eso aunque yo siga tocando el botón
esto no se está ejecutando porque este es mi Stadt les Wille.
Ahora necesito ir a lo que es el PP apuntó Dart.
Y en vez de utilizar el home page yo necesito ser la referencia a mi contador Peach.
Entonces si quieren ustedes pueden dejar ese comentario en una línea.
Yo ya bueno lo voy a hacer así para que ustedes tengan la referencia pero aquí sería el contador Page
obviamente el contador Patch no existe.
O sea en este archivo tengo que importarlo.
Para eso voy a tocar como elpunto o contrapunto en Windows y voy a hacer la importación y arreglarlo
un poco arriba.
Este contador Peche lo voy a comentar más adelante en otros ejercicios yo voy a borrar esa línea para
no mantener esa basura pero ustedes ya saben que lo estoy comentando porque no estoy usando el JPG.
Entonces voy a grabar los cambios y mi aplicación recargó automáticamente pareciera pareciera que no
sucedió nada pero déjeme cerrar este déjeme cerrar el patch y podremos hacer una prueba escribiendo
acá Stafford Stafford grabó los cambios y aquí ya dice Steinfeld perfecto ahora vamos a ver si funciona
el contador.
A tocar el botón toque en un montón de veces y no pasó nada pero si yo fuerzo hacer un reloj con este
botoncito que aparece el 23 bueno fue porque yo toqué muchas veces el botón.
Si yo vuelvo a tocar el botón varias veces no está cambiando pero sí toco el botón de bailout toco ahí
si aparece.
Por qué sucede esto.
La acción del botón si se está haciendo si se está ejecutando y el contador si se está ejecutando también
pero no se está dibujando el widget.
Entonces nosotros tenemos que decirle aquí en el Hot Press que cuando esta variable cambia necesito
que se redibujar este estáte Widget.
Sonará complicado pero sólo hay que llamar un método.
Ese método se llama el set strict set State.
Cómo lo pueden ver que ya me sale la sugerencia.
Hoy voy a presionar tap y esto es básicamente el código se ve un poco extraño si quieren lo escribimos
todo set Stay parentesis el cual recibe una función y este es el cuerpo de la función anónima ok punto
y coma.
Mucha gente acostumbra poner todo el código de las modificaciones dentro del set stakes pero realmente
con que se llama este método redibujar todo el widget.
Yo acabo de hacer los cambios.
Esto hizo un reloj y si yo toco el botón ven que se empieza a cambiar los valores realmente lo que está
sucediendo es que el dibujando perfectamente puedo mover el conteo de adentro.
Ups perdón voy a mover el conteo allá adentro.
Este mundo lo puedo comentar grabo los cambios y sería exactamente el mismo caso.
Noten que cuando yo estoy al mando esto hace el reloj pero el Estado se mantiene aquí 41.
Puedo seguir tocando puedo seguir tocando.
Cambiemos el favor que diga número de taps grabó los cambios ahora dice el número de taps pero el conteo
siempre se queda en 49 esto es genial porque pueden hacer los cambios en caliente y su estado se mantiene.
Puedo seguir tocando pero qué pasa si ahora quiero regresar.
La aplicación a su estado por defecto entonces tocaríamos este botón del Start este de acá también.
Noten que el usuario se puede ejecutar mediante asecho también que lo voy a ejecutar yo más adelante
usando el Sorbet para no venir y tocar ese botón.
Pero yo les voy a mencionar cuando yo haga un Ristar o un Beloved.
Como pueden observar ahora si ya estamos manteniendo el Estado y esta es la aplicación tal cual se crea
por defecto en flores pero nosotros hemos trabajado y construido todo de absoluto cero.
Tal vez aquí sólo voy a dejar el conteo como cero.
Voy a grabar los cambios noten que aquí se queda como 10 porque es un extra de fuego y estoy manteniendo
el Estado.
Si yo quiero ver el cero entonces voy a hacer un restart que o tocar este botón iban a ver que aquí
regresa a cero.
Por último este ballet de acá me estorba o sea me estorba mucho ustedes no saben cuánto me estorba ver
ese banner para quitar esa barrera de varias maneras lo más sencillo es que nos vayamos a nuestro Apep
apuntó Dart.
Donde tenemos nuestro material y aquí hay una opción llamada Banner ok ese falso sect Banner voy a dar
un enter y voy a poner un Fouz grabo los cambios.
Esto hace otro hilo y van a notar que desaparece aquí la barrita.
Lo vamos a dejar así.
Todavía quiero que hagamos varios ejercicios con esta aplicación pero en el siguiente video comenzaremos.