Así que agreguemos este último patrón de navegación principal que ves en las aplicaciones móviles y que tiene una puerta lateral, por
supuesto, la navegación de riesgo está cubierta para papá, así como la navegación de reacción que puedes importar, crear, dibujar
y Navigator, que hace exactamente lo que parece.
Nos facilita la creación de este patrón de navegación basado en sorteos y nos brinda un sorteo así
y toda la funcionalidad que necesitamos para controlar la paja de la caja, lo que por supuesto es muy conveniente.
Así que simplemente creamos un nuevo navegador y lo haré al final de este archivo.
Y solo una nota al margen rápida, por supuesto, podría dividir eso en varios archivos y
tener cada navegador en su propio archivo y luego combinarlos en un archivo importándolos en un archivo central.
Eso es algo que podrías hacer.
Me resultó más fácil para este tutorial también mantenerlo todo en un solo archivo.
Un archivo demasiado grande pero demasiado grande, pero definitivamente puedes dividirlo.
Así que crearé mi navegador de dibujo aquí en la parte inferior de este archivo y todo almacenado en esa constante llamada
Navegador principal porque al final eso es lo que es.
Este será nuestro navegador principal al final porque la pestaña estará dentro del sorteo y el navegador al
final nuestros haps aquí.
Entonces en ambas pestañas.
Tenemos acceso a ese sorteo lateral y decidimos que el sorteo nos permite ir a una pantalla completamente nueva que no formará
parte de nuestros toques.
Por lo tanto, el navegador de dibujo está por encima del navegador de pestañas en la jerarquía.
Entonces, ¿cómo configuramos un navegador de dibujo?
Básicamente, tal como lo hicimos antes, se necesitan dos argumentos.
El primer argumento es un objeto en el que configuramos las pantallas para la justicia del
navegador destructor antes de tener identificadores como grifos o favoritos de comidas, sea cual sea el navegador apropiado para esa primera entrada del cajón
que desea tener.
Y aquí quiero señalar mi navegador de pestañas padre de comidas todavía porque eso es lo que quiero cargar allí
y en una segunda entrada está la pantalla de filtros, no debemos olvidar que tenemos otra pantalla que es la pantalla de filtros
que no hemos usado antes, ya que es hora de brillar y, de hecho, todo envuelto en
un navegador de pila, aunque esté vacío.
Entonces también obtuvimos un encabezado allí.
Entonces agregaré otro navegador de pila aquí con create stack navigator.
Esa es una pila muy simple.
Solo tendrá una pantalla y esa será la pantalla de filtros que, por lo tanto, necesitaría importar aquí
en la parte superior porque todavía no lo estamos haciendo.
Importemos la pantalla de filtros aquí desde la pantalla de filtros de pantalla y ahora podemos usar la pantalla de filtros en su
sitio web, no aquí, sino aquí en el navegador de pila y se llama así el navegador de filtros. mi navegador de
cajones y yo solo utilizamos un navegador de pila aquí, por lo que también tienen un encabezado
allí y, por ninguna otra razón, ahora en la pantalla del filtro, por
supuesto, trabajaré en esto en un segundo, pero allí hay
una cosa que quiero hacer de inmediato. agregaré mis opciones de navegación y agregaré un título de encabezado allí y lo
configuraré para filtrar o filtrar comidas por el estilo con eso de vuelta al navegador de comidas que estamos creando esa pila estamos asignando
el navegador de filtros navegador de pila a nuestro navegador de dibujo y ahora solo
tenemos que usar el navegador principal aquí en nuestro contenedor de aplicaciones para comenzar con la deuda y ahora, si guardamos esto, no
vemos nada.
Bien, dije que el navegador de sorteos manejaría toda la lógica para abrirlo y termina
en lo que no hace automáticamente para nosotros: mostrar un ícono de menú para que no muestre un botón de hamburguesa para nosotros.
Eso es algo que tenemos que hacer y podemos decidir qué pantallas mostrar.
Y, por supuesto, esa sería la pantalla de categoría porque esa es la pantalla raíz de la pestaña
de comidas y la pantalla favorita porque esa es la pantalla raíz de su pestaña de favoritos.
Entonces, en estas dos pantallas, quiero agregar ese ícono de menú y lo agrego en mis opciones de navegación
como aprendiste porque allí quiero agregarlo con la ayuda del encabezado izquierdo.
Anteriormente, teníamos derecho a agregar acciones a la barra de navegación en el encabezado, pero ese botón de menú generalmente se
encuentra a la izquierda para agregarlo aquí.
Y usaré mis botones de encabezado para esto.
Entonces importaremos desde los botones de encabezado de navegación de reacción.
Este paquete que usamos anteriormente a partir de ahí importaré botones de encabezado y también detallaré lo que todos usamos antes y
también importaré mi botón de encabezado personalizado.
Entonces, el botón de encabezado del botón de encabezado de componentes tiene el mismo patrón que usamos antes para agregar esa estrella.
De hecho, puedo barra de acción.
Ahora lo haré aquí para el ícono de menú para el botón de menú y, por lo
tanto, ahora podemos ir a la izquierda y sus botones de encabezado de anuncio este año como un componente, establezca el componente de botón de encabezado en nuestro componente de botón de
encabezado.
Estamos importando desde nuestro propio componente personalizado y agregamos un elemento allí que nos permite definir
el título que debería ser menú y, lo que es más importante, puedo nombrarlo.
Y allí puedes usar el menú IOW.
Y, por cierto, siempre puede usar la plataforma API aquí para usar un icono diferente para Android
y para ISIS si lo desea.
Y por último, pero no menos importante, todo el complemento de la prensa para hacer algo cuando se presionan los botones muertos.
Y ahora esto debería mostrar un bonito botón de menú aquí en esa pantalla y, de hecho, lo vemos aquí
en nosotros.
Y también lo vemos en Android.
Ahora, nuevamente, si desea un ícono diferente en Android que se parezca más a los íconos típicos de Android.
Lo mismo es cierto para los toques por la forma en que puede usar la API de la plataforma para representar un
ícono diferente allí y ahorrar algo de tiempo. Usaré los mismos íconos.
Así es como mostramos el ícono.
¿Cómo abrimos un sorteo? Sin embargo, para esto necesitamos acceso al accesorio de navegación y no tenemos ese
acceso en las opciones de navegación como esta.
Pero, por supuesto, aprendimos anteriormente que puede usar el formulario de función aquí donde luego obtiene sus datos de
navegación.
Podrías decir que en esa función debes devolver tu objeto de configuración.
Entonces aquí tienes que devolver un objeto al final.
Y ahora los datos de navegación tienen ese accesorio de navegación.
Así que ahora aquí, en la prensa, podemos decir que los datos de navegación, navegación de puntos, papá ahora estarán disponibles,
proporcionados por la navegación de reacción que ejecuta esta función al final.
Y allí tendrá un método de alternar dibujar.
También tendría un dibujo abierto si sabe que solo desea abrirlo, pero el dibujo de alternancia lo abrirá si está
cerrado y lo cerrará si está abierto.
Entonces, aquí tiene que alternar el dibujo y el guión debe abrir el menú lateral.
Entonces, si guardamos eso ahora, de hecho, el cajón se abre, podemos trabajar en el estilo y el
texto que vemos aquí en un segundo, pero así es como puede abrir ese cajón ahora antes de que nos preocupemos por cómo se ve aquí.
Asegurémonos de tener que decir uno de los favoritos.
Y, por supuesto, todos pueden depositar un video y hacerlo por su cuenta aquí porque los pasos serán
los mismos que para las categorías de comidas aquí.
Es una buena práctica ofrecer, pero después de esta breve pausa, tienes que pasar este video,
lo haremos juntos para que tengas éxito.
Hagámoslo juntos y al final todo se trata de copiar esta configuración aquí Pantalla de favoritos 2D, así que copiaré toda esta configuración de
opciones de navegación desde la pantalla de categorías a la pantalla favorita y reemplazaré mi opción de navegación,
por supuesto, eso significa que yo tengo que renombrarnos aquí a la pantalla de
favoritos y aquí cambiar el título de nuevo a tus favoritos, pero ahora ya tengo esta función de creación de
opciones de navegación dinámica aquí donde tengo que alternar dibujar llamar aquí al icono I cuando usa el mismo, solo
tenemos que hacer seguro que importamos todas las cosas que necesitamos importar y para papá podemos
obtener las importaciones aquí desde la pantalla de categorías, así como desde el paquete de botones o botones de navegación de reacción.
Y desde nuestro propio botón de encabezado.
Tome eso y agregue aquí en la pantalla favorita ahora con papá si guardamos, ya que esto debería estar todo ahora en la pantalla
favorita, también tenemos que dibujar y puede abrirlo allí también, no podemos abrirlo solo si hacemos clic en la
función de filtros para llevar a la pantalla de filtro allí en este momento simplemente
no tenemos un camino de regreso, pero eso es realmente algo que todos podemos solucionar de inmediato debido
a la pantalla de filtro, simplemente también quiero tener un dibujo en la parte superior, así que en el pantalla de filtro También agregaré mis importaciones aquí Los botones de encabezado
de Whip terminan y luego todas las opciones de agregar por navegación aquí.
Copie las opciones de navegación de la pantalla favorita, esta función dinámica y agréguela a la pantalla de
filtros y reemplace la escalera de opciones de navegación, por lo tanto, cambie este año nuevamente a
la pantalla de filtros y cambie al título para filtrar comidas o lo que quiera aquí y con eso también deberíamos tener un
dibujo en la pantalla del filtro y eso nos permite volver a nuestras comidas ahora, aunque faltan un par
de cosas.
Por ejemplo, en la pantalla del filtro, el encabezado se ve totalmente diferente y, por lo
tanto, aquí en Android ni siquiera puedo ver mi botón porque es blanco, el texto aquí no es el
texto que quiero mostrar También quiero usar diferentes colores aquí, tal vez una fuente diferente, así que queda trabajo por hacer, pero se agregó la funcionalidad
básica de dibujo y, como puede ver, con muy poco esfuerzo.
Así que ahora cuidemos el estilo del dibujo y la pantalla de filtros.