Vamos a comenzar ahora el archivo punto art.
Si no lo tenían abierto y borren todo el contenido seleccionarlo todo y lo vamos a borrar.
Si yo grabo los cambios automáticamente esto va a ser el otro chillout y obviamente tenemos esta pantalla
de error estúpidamente fea.
Es normal ver esta pantalla de error.
Otra cosa que les voy a pedir es que borremos esta carpeta de pruebas porque nosotros no la vamos a
utilizar por los momentos entonces así nos evitamos estar viendo un posible error raro porque la estructura
la cambiamos y obviamente no se puede hacer esa prueba.
En estos momentos ok no se preocupen.
Lo primero que hay que hacer es que como estamos trabajando en Dadd recuerden que nuestra aplicación
necesita un punto inicial.
Ese punto inicial es el mail.
Entonces voy parentesis abren y cierran llaves.
Esta es la función que nuestra aplicación va a buscar al inicio yo no le recomiendo a ustedes que cambien
el nombre de este archivo Main.
Déjenlo así ya que el framework está trabajando en buscar en el archivo Main nuestra función main.
Así que déjenla así.
Si ustedes graban los cambios obviamente esto tampoco va a funcionar así que no se preocupen y de hecho
si notaron aquí abajo cambio de un color azul a un gris indicándome que se acaba de caer todo el proceso
de flores.
Eventualmente lo voy a tener que volver a levantar cuando yo les diga antes de comenzar a hacer este
código déjenme maximizar esto y correr esto para tener espacio para trabajar bien lo primero que nosotros
tenemos que hacer es decirle a Flores que corra mi aplicación el primer comando que vamos a aprender
de flores que la verdad no es que se use mucho.
Normalmente esto ya viene escrito por defecto pero el comando es Rohn a Pepe parentesis Punto y Coma
cuando se empieza a agotar mi programa va a buscar esta función Run App el cual está esperando un argumento
no se preocupen por ese error este error ustedes deberían de poder deducirlo porque sucede si dejamos
el mouse encima.
Aquí tenemos que dice que la función Renap no está definida y obviamente no está definida porque sólo
tenemos este archivo nosotros tenemos que importar algo para que pueda encontrar esa función y ese algo
que nosotros vamos a importar es lo siguiente import espacio entre comillas.
Vamos a escribir la importación de un paquete PACKAGE dos puntos Flore Slash material punto Dart.
También tendremos el de Cupertino si nosotros queremos que nuestras aplicaciones aún estando en Android
parezcan más de dos pero eso lo hablaremos después.
Recuerden que si ustedes tienen esta extensión se las voy a mostrar que esta es la que yo estoy usando
en un momento para mostrarla.
Esta Azón Flore snippets entonces hacer esta importación es tan fácil como escribir import M Tapp y
ya la tienen a la mano.
Yo lo voy a seguir haciendo de esa manera porque no me gusta escribir tanto cuando el código Bueno ya
tenemos un estipe que lo hace por nosotros.
Notarán que la función Rona ya se quitó el error y también tengo la definición de esa función la cual
dice que infla o se infla el Willett dado y lo adjunta a la pantalla lo que está esperando acá es un
widget.
Así que vamos a crear ese widget nosotros en este preciso instante todos los widgets son clases comunes
y corrientes.
Vamos a empezar con la palabra reservada Class y le pondremos app.
Esta es mi clase común y corriente pero si nosotros intentamos mandar directamente acá y crear una nueva
instancia aquí de esta manera vaya si intentamos hacer eso ahí no va a funcionar porque esta clase no
es de un tipo Widget.
Pocas palabras tampoco extiende un widget y es algo que nosotros tenemos que hacer.
Entonces extent espacio y se acuerdan que les había mencionado que hay dos tipos de widgets tenemos
los estatales y los estáte widget ya vamos a llegar con los widgets pero por momentos creamos un estatales
widget que notarán el error aquí desaparece porque la clase ya cumple la condición o el Renap y mi clase
ya cumple la condición que está esperando dicha función.
Pero ahora tengo otro error acá voy a dejar más encima y me va a decir que falta la implementación o
falta concretamente la implementación del estériles widget punto Bigott.
Y qué es este Bildt.
En pocas palabras me está pidiendo que necesita un método Bildt el cual es el encargado de dibujar este
bloque de Lego.
Este widget.
Así que tenemos que definir un método Bil a fuerza así que comencemos el método View como el nombre
lo dice es un método parentesis abren y cierran llaves.
Por qué marca un error.
Porque acuérdese que estoy extendiéndolo de un Stainless Widget y el widget ya trae una definición de
cómo debe de ser el View y qué argumentos que retornã y toda la información yo está ahí ya vamos a ir
poco a poco configurando esto ok.
Lo primero que tengo que hacer es asegurarme yo voy a sobreescribir en todo Bil que trae el estrelles
widget por éste que estoy definiendo en este momento.
Más adelante les voy a enseñar una manera Ceresos súper rápido para sobrescribir un método es el siguiente
comando arroba horrible ok.
De esa manera escribimos el método Biehl que tenga el widget ahora porque me sigue marcando un error
porque todo bien todavía no cumple requisitos que son necesarios para el método de un Stainless Widget.
Uno de esos argumentos es que aquí necesitamos recibir el context.
Voy a poner así contexto ya voy a explicar qué es el context no se preocupen yo sé que al principio
todo esto puede ser un poco abrumador pero esto se escribe tantas veces que se hace pero mecanico ya
van a ver ok el context note que aquí cambió del error a un azul y ya vamos a explicar qué es lo que
pasa qué tipo es el contexto.
Si nosotros dejamos el mouse encima aquí ya lo reconoce y dice que es de tipo View Fernández no me dice
absolutamente nada ya trabajaremos con el context pero por momentos mentaliza sé que ese contexto contiene
la información del árbol de widgets.
También tiene información del tema y conoce quién es su padre y quién es su nieto su bisnieto.
Todo está ahí.
Este método Bill debe retornar un widget a fuerza.
Por eso estoy escribiendo acá ahora en este momento se pone en azul porque todavía no estoy regresando.
Un widget.
Ok voy a regresar un widget que es el que permite la configuración global de mi aplicación y el widget
se llama material Apep que miren cómo lo estoy escribiendo con un punto y coma al final este material
a Pepe si dejamos el mouse encima trae muchísima información acá que puede ser abrumadora también.
Uno dice Uy en qué momento me voy a prender todo esto.
Aquí hay descripciones y otras cosas que hoy puede ser que quede claro puede ser que no este material.
Les voy a pedir que abran en el navegador web por aquí lo tengo la página de flores N.de váyanse a la
pestaña de docx.
O escriben directamente acá material Apep presiona Enter.
Esto lo debería de llevar a la documentación autista o hacer clic en la primera.
Ok aquí tiene la descripción.
Le recomiendo que lo lean pero lo que me importa a mí ahorita es irme a los constructores.
El constructor es lo que nosotros estamos llamando cuando estamos ejecutando este código.
OK cuando ejecutamos esto implícitamente aquí vamos a mandar a llamar cada uno de los argumentos con
nombre noten que aquí tienen llaves.
Esos son argumentos con nombre de todo esto.
Por ejemplo aquí hay un Juliano Akiha y otro Juliano ven aquí ven el bull Bull por ejemplo aquí está
esta propiedad llamada Color está esperando un argumento que sea de tipo color y color es una clase
básicamente eso es todo.
Aquí tenemos cuál es el nombre de la propiedad y qué clase debe de cumplir esa propiedad.
Recuerden que al principio esto puede ser un poco abrumador pero vamos paso a paso un paso a la vez.
No intentemos salir corriendo porque puede ser un poco complicada.
Vamos paso a paso entonces este material para no hacer el video muy largo recibe entre sus argumentos
uno en particular llamado el John notarán que aquí me dice que es un widget a presionar tap y si yo
dejo el mouse encima del Home me dice que es un widget y que recuerdan a las presentaciones de que eran
widget pues en pocas palabras un widget puede ser cualquier cosa puede ser un texto un bar pueden ser
unos taps puede ser un Scafati puede ser cualquier cosa.
En este caso para empezar simplemente les voy a pedir que en el home pongamos el texto entre paréntesis
que si dejamos el mouse encima ustedes van a notar que también es una clase llamada texto y todos sus
métodos.
Este en particular es especial porque el primer argumento que tiene el texto ustedes notarán que es
un argumento posicional.
Luego vienen llaves que quiere decir que todo lo demás que viene acá son argumentos con un nombre que
se le mandan al constructor de esta clase Text.
Entonces nosotros por el momento sólo trabajemos con este primer argumento string data.
Cuál sería un extremo.
Vamos a ponerle Hola mundo.
Eso es todo.
Grabo los cambios y si ustedes no han cerrado la aplicación posiblemente tengan que reiniciarla.
Yo voy a volver a tocar F5 o si no recuerden estar de Bobin voy a levantar la aplicación.
Colocar esto como estaba para que podamos ver todo que hagamos el simulador de modo que al lado esperemos
que lance la aplicación y deberíamos de ver una pantalla negra bien fea con el Hola Mundo un error bien
feo también porque ahí está que tenemos el mundo con el subrayado amarillo y las letras en rojo.
Yo en ningún lado le he dicho que las letras sean rojas en ningún lado le he dicho que quiero un subrayado
pero como no hay ninguna.
Bueno no hay ningún contenedor ni nada.
Entonces Flores está infiriendo todo lo demás y nos está ayudando con esos colores para que nosotros
no nos confundamos.
Si el fondo fuera negro y las letras fueran negras entonces no miraríamos.
Por eso lo pone de esa manera.
Antes de terminar este vídeo quiero que este texto de Hola mundo aparezca centrado cómo podemos hacer
eso.
Bueno podríamos utilizar un nuevo widget que les voy a enseñar en este momento ese widget se llama Center
y parentesis el center si dejamos el mouse encima se darán cuenta que es otro widget que centra su hijo.
El Child es una propiedad que ustedes van a ver mucho mucho mucho a lo largo del curso.
Es algo que existe muchísimo en casi todos los widgets tener un Chile van a notar que tienen Sukhoi
Su doble factor y es el que me interesa a mí el widget Chile con ustedes miren la clase Willet en algún
lado mentaliza así que ahí ustedes pueden meter lo que sea botones textos voleibol lo que sea.
Entonces me pide un Chile vamos a hacerlo dentro del Center.
Voy a poner un chal Tab y aquí el chal que voy a mandar es este texto lo voy a cortar no voy a pegar
aquí adentro y este es un poquito grabo los cambios.
Esto hace otro hilo y ya tengo mi Hola mundo centrado bastante interesante y muy rápido vamos a dejarlo
así por los momentos y lo veo en el siguiente video.