Para poder navegar entre la página del home y la página Cedines voy a utilizar un menú lateral y ese
menú lateral en el escaño lo puedo agregar fácilmente.
Lo voy a colocar justo abajo de la barra.
Voy a colocar el elemento que se llama Brower Oiza Radwan y esto recibe un router también de esa manera
pero yo no lo voy a definir acá porque si no mi creeria crecería mucho en código y yo no quiero eso.
Entonces voy a llamar o método crear menú paréntesis y este menú lo voy a implementar justo abajo del
cierre del Bildt que crear menú ISRO llaves y puedo especificar que esto va a retornar un router perfectamente.
Ok entonces hagamos un paréntesis.
Punto y Coma y si yo dejo la configuración así como estaba aquí estoy llamando la función de crear un
menú y aquí abajo está el router.
Si yo lo dejo así nada más.
Noten que automáticamente aparece el icono de hamburguesa exactamente lo que yo necesitaba.
Si tocamos ese botón se muestra el router perfectamente y puedo cerrarlo haciendo clic afuera.
También no podemos cerrar como Navigation punto pop eso es algo que vamos a ver después.
Pero en este caso noten que así ya podemos crear nuestro menú ahora lo único que tengo que hacer es
llenar este menú con información para eso dentro del trabajo vamos a crear lo siguiente tiene su Chabel
tiene el Elevation y tiene otras cosas básicas pero en nuestro Choir podemos colocar cualquier tipo
de componente o cualquier tipo de widget que me sirva para rellenar esta información.
Lo tradicional es que se almacene ahí adentro un Lisseth vio que un desvío.
Por qué.
Por qué un desvio porque quiere decir que yo puedo hacer scroll arriba y abajo por si acaso hay más
opciones de un menú.
Por eso lo vamos a manejar con un municipio dentro de LISMI.
Voy a provocar un Children ya saben enter y aquí viene un elemento interesante que se llama Brower Gelder
lo seleccionamos y presionamos ENTER.
El dragón Alger también necesita varias cosas necesita un chip.
Por fuerza entonces vamos a definirlo.
Este Chile vamos a colocarle un texto que diga mi menú o mi nombre y grabo los cambios.
Vamos a ver qué sucede en que aquí aparece y puedo intentar hacer scroll.
Ok por el vicio perfecto ahí está mi menú pero este no es un menú muy bonito no se ve muy bien.
Entonces puedo quitar este texto y colocar un container común y corriente container container ya lo
vamos a utilizar en breve.
Adicionalmente vamos a colocar un Declaration que es un menú tradicional.
Este Declaration recibe un Declaration Boxee por Battión si dejamos el mouse encima Declaration entonces
Boks Declaration tap enter y coloquemos una imagen.
Entonces un imatge y yo les voy a pedir que ustedes vayan al material adjunto y tienen esta imagen que
yo les estoy facilitando.
Es una imagen tradicional que ustedes pueden colocar es algo típico por eso estoy estoy creando este
ejemplo.
Necesito que tomen esa imagen que necesito que tomemos esta imagen.
Ups.
Esta imagen que tenemos en el escritorio o sea que lo hayan descargado y lo vamos a crear dentro de
nuestro proyecto es crear un nuevo directorio llamado assets enter y dentro de assets directamente voy
a colocar la imagen.
Perfecto ya la puedo borrar de esta imagen.
Recuerden que cuando yo pongo algo en los aceites o un recurso estático tengo que definirlo o permitirlo
en mi pop Speck.
Entonces vamos a hacerlo de una vez hagamos el archivo Speck bajemos un poco quitemos esos assets aquí
va a ser assets Slash y la imagen se llama menú guion y MG punto JPG grabe los cambios cerramos historias
el foro para que just get perfecto cerramos voy a cerrar estoy acá y voy a trabajar ahora en esta imagen
mostrar la imagen que yo les acabo de facilitar a ustedes de colocar esto de nuevo aquí.
La imagen que recibí aquí no es un Mech directamente tiene que ser un Declaration imatge.
Por eso es bueno que ustedes siempre dejen el cursor encima y así ustedes están seguros que es lo que
acepta este Declaration y Mazz es una imagen muy corriente que recibe una imagen que es un hacer Image
y especificamos nuestros aceites Slash menu guion y MG punto JPG y grabamos los cambios deberíamos de
ser capaces de ver la imagen hoy recuerdan que si en el lugar del container ustedes dejaran el texto
esto no lo voy a dejar.
Hola Mundo este texto o este widget aparece sobre la imagen que tenemos acá de nuestra imagen decorativa
simplemente es de fondo.
Pero yo no voy a dejar como el container porque no quiero mostrar información ahí pero ustedes ya saben
que pueden poner otras cosas aquí falta una propiedad que es el Fit con un box Fit cover para que agarre
o se expanda todo el ancho posible.
Todavía no se ve muy bien tenemos un Padre acá que se ve asqueroso y tenemos que para eso en el Liceo
podemos definir una propiedad aquí el Padín y decir que el eje Insect y aquí tendríamos algo llamado
un siglo es insectos pero no es así sería Sibö pero es punto.
Si hubo grandes cambios y esto debería ser que empiece desde aquí arriba perfecto ya lo tenemos de esta
manera.
Ya se ve un poco mejor como un menú ahora justo abajo de nuestro Ragua.
Vamos a colocar opciones del menú esas opciones del menú es algo que nosotros ya hemos con menú y hemos
trabajado con ellos antes y son.
Pero ustedes pueden poner cualquier widget es un listado nada más.
Parentesis Enter.
Dentro de este listado ustedes van a colocar la información que desea.
Por ejemplo mimoso o colocar un conde hoy con punto pailletes o cualquier cualquier imagen que ustedes
desean mostrar.
Vamos a ponerle el color de color.
Punto.
Ok vamos a colocar también el título un título que tenga un texto que diga lo mismo pallets OK y el
on Tap lo vamos a definir vacío o sea que no haga nada y graban los cambios y notarán que ya tenemos
nuestro pellizca que se puede hacer clic en él.
Vamos a crearnos un par de elementos adicionales aquí voy a poner una coma.
Coma y piense todo este código voy a crearme otros dos un par más en vez de pellets coloquemos un Parri
o cualquier cosa aquí coloquemos Parry mod siempre color azul en este de aquí abajo en lugar de pailletes
coloquemos Pippo o cualquier icono que ustedes quieran esto no importa Okkhoy gente o Pippo lo que sea
pero este de aquí abajo si iba a ser importante voy a ponerle el icono de settings settings que es como
un engrane si dejamos el cursor ahí con control espaciadora para que se mire la vista previa ese es
el engrane que quiero poner acá este.
Este texto va a ser Settings o ajustes el on Tap lo que va a hacer es mover el navigation o mover el
navigator a la pantalla de Ceres.
Entonces vamos a hacerlo de una vez recuerden que para moverme necesito Navigator Navigator punto y
aquí tenemos dos cosas nosotros hemos visto el push Nein pero ya van a ver qué problema nos va a dar
este país.
Me está pidiendo el contexto y el nombre de la ruta el nombre de la ruta la tendríamos en seríais Patch
porque esta es la que yo quiero navegar hay que importar esta página aquí de nuestro ser Patch y simplemente
tendría que poner aquí el punto Routh.
Ok con eso ya resuelvo el nombre de la ruta y por eso lo estaba usando de esa manera.
En lo personal me gusta más especificar nada más aquí Settings o algo así pero lo voy a dejar así.
De esta manera que asegúrense también que hayan importado Soccer in Space acá si regresamos a la aplicación
tenemos un error con el contexto porque no lo estamos mandando entonces lo vamos a recibir en el menú
si recibimos un vil context llamado context y este contexto lo voy a tener que enviar en mi crear menú
ahora si grabo los cambios y aquí tenemos todas las opciones.
Si yo toco el Crysis me hace el Nein pero me aparece una flechita paraca en la cual yo regreso y la
página estaba como originalmente la dejé y esto no es algo que se mira como muy normal no se mira raro
podríamos cerrar el menú y regresarnos y bueno se podría hacer de varias maneras.
Si ustedes quieren cerrar el menú entonces tendríamos que hacer un pequeño cambio acá voy a poner aquí
una función normal quitar esta coma enter y lo cierro.
De esa manera para cerrar el menú sería un Na'vi Gaito punto pop ok el context punto y coma que de hecho
si quitamos esta ruta solo es para que ustedes lo vean.
Si ahora yo lo toco el menú se cierra y eso es lo que ustedes podrían usar para cerrar automáticamente.
Si yo lo dejo con el Puyana vamos a ver qué sucede.
Tocó acá settings me la página de Xerox y cuando yo regreso el menú está cerrado.
Puede ser que ese sea el efecto que ustedes quieren pero yo no quiero que sea eso.
Yo quiero que cuando me mueve me mueva la página de links no tenga esa flecha y este sea mi página principal
y si quiero regresar tengo que volver a tocar el menú y seleccionar la página del home.
Entonces esto no es lo que yo estoy buscando.
Existe una nueva propiedad acá que se llama.
Voy a borrar todo esto para no confundirme punto pulled replacement.
Ambos funcionan de la misma manera pero esto es como para cambiar mi raíz todas las demás stacks que
estén en la página van a desaparecer por eso tienen que tener cuidado.
Entonces voy a grabar los cambios.
Voy a tocar.
Bueno voy a hacer un pistard sólo para estar seguro de que todo está bien aplicado.
Esperemos que ya entre lo que ya se puede tocar el botón Zenimax y noten que ya no puedo regresarme
y no está mi icono del menú.
Obviamente no hay una manera de regresarme ni el botón Back ese botón Back le cerraría la aplicación
también.
Pero noten que ya estoy en la página.
Eso es algo cuando ustedes pasan un login y ya no quieren que esa persona pueda regresar a la pantalla
del móvil directamente ok pero aquí tenemos un problema.
Si yo quiero implementar exactamente este mismo menú déjeme hacer un job Vilouta.
Si yo quiero regresar a ese menú o poderlo mostrar yo tendría que copiarme todo está toda esta función
que regresa al router y esto no es muy eficiente en la próxima clase vamos a crear nuestro Willet personalizado
del menú.
Pero antes de terminar cuando nosotros tocamos la primera opción del menú es ésta ya que dice pellets
quiero regresar al home quienes podemos ponerla aquí.
Entonces hagamos la redirección normal entonces Navigator pero con mayúscula apuntó Puss replacement
NiMH tap.
El context y sería la página del home.
Entonces homepage punto Routh espacio grabo los cambios que de hecho si ustedes están ahorita con la
aplicación abierta y tocan el home van a ver cómo vuelve a entrar que podrían hacer una variación que
si estamos en esa página no lo haga pero se ve bien y esto nos va a servir.
Lo dejamos así y continuamos en el siguiente video donde vamos a centralizar todo nuestro Drouet para
que lo podamos reutilizar en varias páginas.
En el siguiente video.