Sigamos trabajando en nuestra aplicación.
Voy a cerrar ambos archivos y en la carpeta Espérese voy a crearme un nuevo folder este nuevo folder
se va a llamar Pages o páginas como ustedes quieran nombrarlo algo que me quede claro que aquí van páginas
y que es una página pues básicamente es un widget que abarque todo el espacio de mi aplicación.
O todo el espacio de la pantalla del dispositivo aquí adentro podía crearme un nuevo archivo y este
archivo se va a llamar John un bajo Veitch.
Dart hace esto un poco más grande.
Este es el nombre que le quiero dar al archivo en dar se acostumbra a utilizar un bajo cuando quieren
separar palabras y no usar el guión normal lo normal es poner ese guion bajo presiona Enter y ya tengo
mi nueva página para crear esta página.
Es una clase muy corriente con la palabra reservada Class y le voy a poner John Veitch abren y cierran
llaves pero las páginas son widgets también.
Entonces voy a utilizar otro es tackles widget extenso espacio es tackles pero no sé si ustedes notan
que no me está pareciendo la ayuda es exactamente un problema que yo les quería mencionar en este momento.
Normalmente acostumbremos a siempre importar primero el paquete de materia porque así yo ya tengo a
mi disposición toda la ayuda para evitar cometer errores de escritura entonces es dadles Willem Tapp
y ahí está.
Ustedes ya saben cómo es el procedimiento acá tengo que hacer un Orbit o Merrit Enter.
Luego viene el Bildt que estos retornan Willet y toda la cosa.
Eso ya lo hicimos anteriormente.
Aprovechemos los etíopes.
Simplemente tengo que escribir la palabra Pilot y aquí la tenemos bien Tapp y ya lo crea todo por mí
eso es uno de los estiletes que ya viene por defecto en azul snippets o en los iPads que yo les pasé
en las instalaciones y configuración del Visual Studio Coded.
Recuerden que es importante que nosotros trabajemos rápido no perder tiempo en algo que lo vamos a escribir
una y otra y otra y otra y otra otra vez entonces aquí adentro yo necesito regresar un widget porque
así está especificado en el método de un Stainless widget lo que yo necesito regresar acá va a ser el
siguiente widget personalizado llamado CAFO que esto ya lo había mencionado un poco en las presentaciones
pero no lo hemos visto que se le escape.
Bueno Déjenme mostrarles la documentación para que tengamos mayor información al respecto.
Vámonos a la página de flores punto yo era el punto de cualquiera que nos llevan un lugar y hagamos
click en docx o donde sea que estés pero que la pagina no cambia mucho con el tiempo si no llegan les
voy a dejar el enlace directamente en el material adjunto.
Aquí tenemos un catálogo de widgets vamos a hacer click en este Quirico acá y luego bajamos un poco
y busquemos el BASIC.
Hay muchos tipos de widgets agrupados en diferentes lugares pero vamos a hacer click primero en Basics.
Aquí nos Basics tenemos varias cosas que ya llegaremos a ellos en breve bajemos un poco y aquí tendríamos
uno llamado CAFO el escafoides es básicamente esta pantalla voy a hacer un suma acá.
Básicamente esto es un escaneo tenemos algo que cubre toda la pantalla.
Tenemos un bar que se puede establecer en él tenemos un florín Axon bottom tenemos un Boron bar y también
podemos colocar drogas en otro lugar.
Básicamente es un menú lateral ok entonces voy a alejar un poco la toma.
Voy a abrir este escafoides una nueva pantalla y me debe de llevar a la documentación de Flores apuntó
Guido.
Si baja un poco veo un ejemplo pero no todas las clases tienen estos ejemplos.
Yo les voy a pedir que hagamos clic en constructor y miremos todas las formas o propiedades o argumentos
con un nombre que puede recibir un escaso.
Hay muchas cosas como les dije esto puede ser un poco abrumador.
Aquí por ejemplo tenemos un Drouet que sería un widget.
Quiere decir que puedo poner ahí cualquier cosa un cuerpo poner cualquier cosa por un tipo Willett bueno
no cualquier cosa algo que retorné widget o un widget en específico.
Tenemos un Boron Zip tenemos un florín Action location floriãn Action Boron que es un tipo Widget.
Hay muchas cosas pero el que me interesa por los momentos es este aparato.
Este bar es de tipo Preferred Widget y es un poquito extraño.
Ya vamos a entrar en ello.
Regresemos a nuestra aplicación.
Ok regresemos a nuestra aplicación y mostremos también el simulador para que vayamos viendo todo lo
que hacemos dentro del escafoides.
Yo voy a colocar primero una propiedad llamada Apar para ver todas las propiedades que tiene el escaño
o cualquier widget o cualquier elemento visual studio compresion en control espaciadora.
Es el mismo yo tengo ese X en Windows y aquí ustedes van a poder observar que tenemos en la parva gran
color Body Trouvé en todas las propiedades que nosotros vimos en la documentación aquí en el lado derecho
tenemos una breve descripción de lo que recibe dicha propiedad y lo que tenemos aquí en gris es el tipo
sits widget que es lo que nosotros tenemos acá.
Eso nos da una cierta pista para no tener que venir a la documentación para saber qué información es
la que recibe cada argumento.
Empecemos con el bar El habar va a recibir un widget llamado avá lo vamos a empezar de esa manera no
todos los escaños tienen apartados son opcionales y podríamos observar qué tipo o qué información tiene
la ven aquí hay un montón de cosas podríamos regresar a la documentación y buscar acá.
Por lo general es el primero en materia.
Voy a hacer click ahí tocó un constructor pero antes aquí tienen un ejemplo de lo que es el lo que está
aquí arriba hagamos click en el constructor y el habar recibe también su quilla llegaremos a él.
Un widget LECrim.
Ya les voy a enseñar qué es lo que hace y mucha información.
Tenemos el título que es de tipo widget tenemos luego una lista que son acciones que es una lista de
widgets en fin muchas cosas ya vamos a usar eso el que me interesa es el título que es de tipo widget
o sea puedo poner ahí cualquier cosa.
Regresemos a nuestro código.
Y aquí dentro de la app voy a presionar enter.
Puedo presionar la espaciadora ver todas las opciones y buscar el Takeru ok tap.
El título recibe un widget.
Ok pueden dejar el mouse encima.
Y aquí ustedes confirman que tipo de propiedad o el tipo de dato que recibe esa propiedad es un widget.
Voy a empezar colocando un widget de tipo text en el cual diga un título para que quede bien claro que
ese es el título antes de probar mi aplicación.
También necesito otra propiedad que yo voy a nombrar acá llamada.
Body selecciona tap y aquí adentro vamos a poner un widget llamado text o bien podemos usar el Center
que lo vimos el center y presionar ENTER.
Aquí el center recibe un Chile el cual es el widget que yo quiero mostrar dentro de ese Center.
Aquí sí vamos a colocar un texto que diga hola mundo voy a grabar los cambios ustedes van a poder observar
que mi aplicación no sucede absolutamente nada porque no sucede nada porque este Page está totalmente
independiente a mi aplicación.
Recuerden que empezamos en el Main main llama Mayab.
Maya llama esta clase y ahí muere todo el asunto.
Yo no quiero que a Pepe apuntó aquí en mi materia yo no quiero que llame este texto de Hola Mundo este
que tengo acá lo voy a borrar porque yo no necesito que aparezca ahí lo que tengo que mostrar ahí ahora
es mi JPG parentesis y lo dejo así.
Recuerden que esta palabra Home Page es el nombre que yo le puse a mi clase.
Eso es lo que estoy llamando aquí en el PP apuntó Dart.
Pero como si yo dejo el mouse encima me dice que el pH no es bueno no está definida no está definida
la clase dentro de Mayab.
Qué puedo hacer.
Tengo que importarlo puedo hacer la forma larga y lenta que es escribir Import y hacer referencia al
archivo o la forma rápida que les mostré que es presionar contra el punto en Windows o como un punto
x y memorizan esto porque yo lo voy a hacer más rápido en los próximos videos y aquí voy a seleccionar
hacer esa importación del contador pailletes y toda la cosa.
Ok esa importación que tengo ahí déjenme correr un poquito para el lado de esa manera.
Noten que también estoy bajando esta importación para dejar siempre al principio el material punto.
Voy a grabar los cambios y deberíamos de ver mi aplicación recargarse de forma automática.
Tengo mi título tengo mi mundo puedo cerrar este punto dar porque no tengo que ocupar ni este mail.
Todavía no lo voy a ocupar y éste es CAFO es lo que está creando toda esta página.
Tenemos nuestro Apar y tenemos esta parte de acá.
Si ustedes están emulando en Android posiblemente no desaparezca centrado porque respeta las propiedades
del sistema operativo que está corriendo si lo quisieran centrado entonces dentro del habar hay otra
propiedad que se llama Center tail.
Ustedes los seleccionan y como se puede ser que ustedes no sepan o vieron que es lo que reciben pueden
dejar el mouse encima y dice que es de tipo bullían o sea un Juliano.
Si es un Tru va a estar centrado si no va a estar en su posición por defecto los cambios esto sería
recargado automático y si estaban en Android debería parecerles centrado el tipo siéntanse libres de
empezar a jugar con las propiedades en de espaciadora y que un montón de cosas por ejemplo podrían probar
con el Elevation.
Vamos a ver dónde está este de acá Elevation dejaramos encima y es de tipo Tobo doble.
Quiere decir que sería algo como 1.6 o cero punto cero acuérdense que tienen que ser siempre con la
precisión pruébelo y miren los cambios para que vayan divirtiéndose cómo va funcionando esa aplicación.
Yo no voy a dejar así voy a grabar los cambios y los veo en el siguiente video.