Antes de empezar a codificar quiero explicarles unos conceptos clave que necesito que ustedes comprendan
antes de empezar a escribir todo ese montón de líneas de código.
Lo primero y no nos quiero asustar.
Aprender Flore requieren mucha práctica así como cuando ustedes quieren aprender otro idioma.
La clave es practicar y practicar y practicar.
Eventualmente los comandos se van a hacer más como familiares a ustedes.
Al principio puede asustar bastante pero es porque intentamos aprender muchas cosas simultáneamente.
Lo mejor es ir paso a paso para comprender cada uno de los conceptos.
Una vez dicho eso vamos a comenzar con el primer concepto fundamental y básico de flor un widget.
Pero la pregunta del millón sería qué es un widget.
Déjeme introducirlo con algo que nosotros ya hemos estado viendo en la introducción de Dart.
Un widget no es más que una clase que puede contener argumentos posicionales o y argumentos con nombre
o Fernando eso no me dice absolutamente nada y que quede peor.
Bueno no se preocupe sólo quiero agregarle que todo en flores son widgets excepto las clases que nosotros
usamos para mantener la información y los modelos de datos que ustedes ya lo van a ver en su momento.
Pero todo lo demás termina siendo widgets.
Ok pero no podemos hacer una descripción gráfica como si fueran bloques de Lego que tenemos todas estas
piezas las cuales ya tienen una funcionalidad en específico si nosotros miráramos en un dispositivo
y decimos son creo que aquí la aplicación va a necesitar un bar o una barra de título.
Entonces voy a tomar el código necesario de los widgets y lo voy a poner ahí pero ahora necesito también
unos tips.
Entonces voy a tomar el código necesario para poner esos taps o en pocas palabras agarrar estos bloques
de Lego y construir mi aplicación ahora en el medio.
Voy a poner una lista entonces para esa lista simplemente voy.
Busco el widget y lo coloco ahí rápidamente.
Ya tenemos creada nuestra aplicación que hace esto en particular.
Miremos este ejemplo pero con código de verdad.
Aquí tenemos el mismo emulador.
Si yo quisiera poner el avatar arriba o esa barra superior yo ejecutaría el código más o menos así habar
que es una clase con su propiedad teutón la cual recibe un texto el cual a su vez recibe el Hola Mundo.
Si yo coloco eso en el lugar correcto que yo les voy a explicar donde obviamente al hacer un Ruiloba
o un Ristar de la aplicación lo miraríamos así.
Supongamos que ahora yo quiero ejecutar este código Florín Axum Boron porque quiero crear un pequeño
botón flotante el cual a fuerza como todos los botones en flogger necesitan el evento on Press.
En este caso a mí no me interesa hacer nada cuando se presiona y por eso le estoy mandando un Null.
Luego tenemos otra propiedad llamada Chit el cual recibe un icono al ejecutar ese código con un Rilo
o un restar y en la posición correcta.
Entonces ese botón se va a ver de esa manera la primera vez estos códigos pueden verse un poco extraño
pero no es nada que no hayamos hecho antes en la introducción que tuvimos de Dart.
Analizamos este código.
Nosotros tenemos un amparo que es una clase y tenemos un texto que también es una clase enfoquémonos.
En la primera clase del texto esa clase si yo lo hiciera en el DARPA como hicimos los ejercicios anteriores
sería más o menos así.
Obviamente tiene más propiedades pero quiero mostrarles este ejemplo.
Tenemos una clase llamada text que tiene una propiedad llamada mensaje y un constructor en el cual asigno
el mensaje a la propiedad de la clase eso que están asemejado arriba es exactamente lo mismo que yo
tengo abajo.
Ahora qué les parece si definimos la clase A como sería.
Miremos todo ese bloque.
Cómo sería esa clase.
Observemos el ejemplo tenemos clase apar que recibe un título o usa una propiedad llamada título que
es de tipo text.
Ese texto es la clase que nosotros creamos anteriormente esa que está en anaranjado y en su constructor
estamos recibiendo el disputo tal como un argumento con nombre y el cual se lo establecemos al título.
Esa es básicamente toda la magia que nosotros acabamos de hacer en ese mapa.
Eventualmente también lo podríamos meter en una variable cómo se ve de esa manera y es exactamente lo
mismo que hemos hecho en toda la introducción.
Retomando el tema de los widgets existen dos tipos de ellos los que son los estatales Widget y los estafe
Widget.
Para hacer un pequeño paréntesis ambos son abstractos.
Ustedes ya saben qué hace y para qué nos puede servir una clase abstracta.
Pero si enfocamos nuestros ojos en los widgets un Estatut y un estiletes widget ambos son piezas de
Lego que yo puedo utilizar para construir mi aplicación que los hace diferentes.
Bueno que uno es leer y el otro es full.
Yo no va a decir pocha Fernando yo esperaba una cosa más científica.
Bueno sí un estatales significa sin Estado y un Estado significa com Estado.
En pocas palabras un Estado nos va a permitir a nosotros o le va a permitir al widget saber el estado
del sí mismo.
Por ejemplo si yo necesito darle seguimiento a propiedad que eventualmente pueden cambiar.
Quieres mostrar un ejemplo con código para que esto quede más claro.
Y aún estoy no al Sayles no le importa saber si una propiedad cambia.
De hecho no podría cambiar.
Esa es la clave del Stainless.
Más adelante cuando estamos trabajando con el Estellencs y el street food vamos a tratar de que todos
nuestros códigos o todos nuestros Willett personalizados sean estatales.
Pero no quiere decir que los esté Fulda en problemas no están hechos para manejar su estado para ser
otro ejemplo.
Miremos el siguiente código tenemos una clase llamada contacto escrit el cual va a ser una página que
tiene una propiedad llamado nombre y le estamos asignando el valor de Fernando.
Posiblemente esa propiedad nombre vaya a cambiar cuando la persona escriba en alguna caja de texto presión
algún botón o haga algo dentro de esa página.
Si eso es el caso esto es un muy fuerte candidato para que sea un Estado Fukui.
Si ahora nosotros vemos el siguiente ejemplo en el cual tenemos la mismo el mismo panorama.
Pero en lugar de un string lo estoy declarando como un final o una constante estoy diciendo que esa
propiedad no puede cambiar y no va a cambiar en ninguna parte de ese widget.
Entonces este es un fuerte candidato para que sea un widget.
Hay otra característica que diferencia el Estates del.
El Stepford puede redibujar a sí mismo cuando sucede algún cambio.
El Stainless no lo puede hacer de la misma manera porque ni siquiera tiene ese método cuando avancemos
más en el curso.
Ustedes se han dado cuenta cómo poder redibujar cosas en un esteroles no quiere decir que no se puede
pero requiere un poco más de ayuda de funciones y métodos externos.
En cambio el esté full puede decir ok.
Eso cambió.
Me voy a redibujar para mostrar los cambios al usuario.
Ejemplos de un Stainless widget podría ser un botón o un botón que tenga un icono pero a lo largo del
curso vamos a utilizar los dos y vamos a utilizarlos bastante.
Vamos a dejar el video hasta este punto y continuamos con la siguiente clase.
Sólo hay una presentación más que les quiero dar antes de entrar a escribir nuestras primeras líneas
de código en Florea.