Hay varias maneras de navegar en una pantalla a otra en flor.
Vamos a usar la tradicional para comenzar.
Entonces vamos a pellets ãramos el homepage y cuando yo haga click o Tapp en este elemento en este widget
particular en el que estoy seleccionando en este momento.
Entonces ahí quiero disparar y navegar a otra pantalla.
Obviamente no tenemos otras pantallas vamos a crear rápidamente en este momento creemos dos clic derecho
archivo uno que se llame Alert Alert y un bajo Ph.D Art Center y también creamos otro de una vez llamado
Avatar bajo Peach junto Dart Enter.
No cree en las tarjetas por favor necesito explicar algo más adelante y necesito que no exista para
mostrarles qué hacer en esos casos.
Ya vamos a verlo solo crear unos Estados por los momentos.
Ok entonces no voy a cerrarlas.
Voy a trabajar en el Alert.
Empezamos con el import M import m para el paquete de material y aquí creemos un estatales Willett.
Entonces Stainless widget tapa el nombre vamos a ponerle Alert Page cambiamos este container por un
escaso ya.
Esto es algo que hemos hecho muchas veces CAFO de acá y falta un punto y coma tiene su apar que lo vamos
a igualar a un nuevo habar que tiene título el título hacer un texto que diga estamos en la página de
Alerts Alert.
Perfecto el bodhi no lo pongamos todavía y piense todo este cuerpo de la ler Peach.
Obviamente graven los cambios aquí en el área de Peach y lo voy a cerrar voy a abrir el del avatar Peach.
Lo voy a pegar y en vez de Alert se va a llamar Avatar entonces Avatar tanto en el nombre de la clase
como en el texto que estoy colocando acá para identificar ambas pantallas grabo Avatar Peach también.
Recuerden que lo que acabo de hacer es crear dos Stainless widget que tienen su escafoides.
Recuerden que les KABUL. es barrita acá todo el contenedor y también un botón flotante y entre otras
cosas que vamos a ver más detalles pronto.
Entonces cómo puedo hacer para que al tocar este avatar me navegué a otra pantalla.
Voy a cerrar todo y regresamos al home punto Peach donde estamos creando nuestra lista.
Aquí voy a empezar con la navegación oculta en la barra lateral por lo menos para tener bastante espacio
para trabajar para navegar a una nueva pantalla utilizando la forma tradicional que les voy a enseñar
que es hacer un push de la nueva página.
Necesito el objeto Navigator Navi quedito Navigator.
Lo bueno es que esto ya viene incluido en el paquete de material por eso no hay que importar nada.
Luego viene un punto push para colocar encima la siguiente página.
Este método push requiere lo que es el context y requiere una ruta que es el context y que es la ruta.
Comencemos con el más sencillo el contexto es el View context que nosotros tenemos porque el context
también sabe cuál página es la que está puesta encima.
Cuál es la anterior.
Todo el tema que tiene mi aplicación y en fin sabe mucha información global de mi aplicación pero en
este caso el contexto es necesario para saber cuál página es la que sigue y cuál página es la que voy
a regresar cuando yo cancele esa pantalla.
Pero el contexto no es un argumento que yo tengo en esta función no se encuentra acá pero el contexto
yo subo un poquito más si sube un poco más o un poco más en el método principal de este John Patch.
Cuando se construye aquí obtengo el contexto.
Por consecuencia aquí en la lista podría mandar el texto acá y que sea recibido por aquí y luego mandarlo
con un argumento por otro lado lo que quiero que ustedes observen es que como éste es un Builder me
ofrece una referencia al contexto.
Entonces en pocas palabras Necesito mandarlo desde la lista porque yo tengo un objeto Context o sea
esto me lo está revisando lo que es este Pitchford Builder.
Entonces voy a mandar aquí como argumento el contexto que obviamente me está marcando un error aquí
en el context porque obviamente la función todavía no recibe o no está esperando un contexto voy a poner
acá video context y se va a llamar context.
Y voy a grabar los cambios y notan que no pasa nada todavía no pasa nada bien aquí estamos en nuestra
lista de ítems también estamos mandando el contexto y lo recibimos acá de esa manera ya no tenemos el
error en el context porque ya lo tenemos bien conectado.
Ahora viene la parte de la ruta la ruta no es tan sencilla de esta manera y tiende a confundir un poco
así que lo voy a hacer separado voy a crearme una variable final llamada Routh que va a ser igual a
algo que ya les voy a explicar yo prefiero navegar con rutas con un nombre que vamos a verlo en el próximo
video porque es un poco más ordenado y me permite a reutilizarlas porque lo que yo estoy haciendo aquí
es que manualmente estoy diciéndole que esta ruta va a navegar a X página esta ruta entonces voy a ocupar
algo llamado Material Pach Routh tap parentesis y esto recibe un Wílder y aquí hay más de uno va a decir
Dios mío si algo así pensé yo la primera vez pero realmente solo es una configuración del Wílder.
Voy a presionar enter.
Falta un punto y coma y definamos esa propiedad.
Vilda el Builder va a recibir acá lo que es el context que recuerden que el contexto tiene la referencia
de las páginas el Timm y muchas otras cosas globales de mi aplicación y lo único que va a hacer esta
función es hacer un ratón y más de un santo o hacer un reto del Aulet patch o la página que yo quiero
retornar el alter Patch no existe entonces tengo que importarla en este archivo entonces control punto.
O como en punto importarla página presionan ente asegúrese de que la ruta esté correcta.
Alert Patch lo voy a colocar aquí al final las páginas por lo general los coloco aquí al final voy a
regresar aquí abajo a mi aquí están a mi al pecho donde están otros Dandolo y eso es todo lo que yo
necesito para hacerlo.
Si yo grabo los cambios podría tocar cualquier botón y esos botones todos van a llevar a la aldea Patch.
Todos van a llevar a Leloir Patch y eso está bien.
Eso es lo que yo acabo de decirle que haga todos llevan a la misma página.
Aquí tendríamos que hacer tal vez alguna condición para poder determinar a qué página quiere oír.
Por eso esta opción ya no es muy viable para hacer lo que yo necesito acá pero era un momento importante
para explicarles cómo hacer una navegación normal.
Ahora esta función yo la puedo resumir porque acuérdense que esto es una función cuya única línea es
un retorno perfectamente lo puedo resumir de esta manera.
Flecha ok.
De esa manera queda mucho más corto.
Y para recapitular el navigator apuntó push recibe o necesita el context porque si no no va a saber
en qué punto está creando esta página y también necesita esta ruta que tiene que ser de material Patch
Routh este caso de tipo Dinamic sustain y navega a la siguiente pantalla.
Si ustedes ocuparan pasar argumentos que es algo que vamos a hacer más adelante.
Pero si alguien tiene curiosidad cuando se está creando esta alerta ustedes podían mandar documentos
con un nombre argumentos posicionales a ese Alert Patch y ahí lo reciben y trabajamos de esa manera
como si fueran propiedades a la hora de crearse cualquier clase.
Pero ya llegaremos a su momento.
En teoría ya terminamos pero quiero hacer algo más con esta parte de la navegación.
Yo sé que todas las soluciones llevan a la misma página.
Eso no es el problema si lo hemos definido.
Pero qué pasa si yo quiero crear mi propio botón para regresar.
Eso es bastante sencillo vamos a la página de Alert la abrimos ok y CAFO.
Voy a utilizar el botoncito que podemos poner aquí en la esquina sólo para regresar.
Esos son Florina un botón que recibe un florín a.
Si Willet pero vamos a ponerle un Duflo era un botón tiene su chip que será un halcón y póngale cualquier
ícono que ustedes ya hay con su punto ya agarraron al azar.
Ok pero ustedes ya saben qué es para regresar.
O bien pueden buscar el botón del hogar o lo que ustedes quieran importa.
Y aquí necesito el OK Prest que es mi método que se va a disparar cuando yo preso en este botón.
Si logra unos cambios debería aparecerme el botón aquí.
Obviamente este botón al tocarlo me debería de regresar a la pantalla anterior como lo hacemos Navigator
punto pop mandamos el context puntico trae unos cambios y vamos a ver si esto es cierto.
Tocar el botón y lo cierra toco aquí y lo cierra perfecto excelente todo está funcionando.
Lo dejamos así y continuamos con la siguiente clase.