Es importante comprender cómo funciona la navegación y las aplicaciones nativas, y especialmente si tiene experiencia en
desarrollo web, es importante comprender cómo difiere de navegar entre pantallas y la web porque en la
web ingresa realmente un L y si está construyendo una aplicación de reacción utiliza una herramienta como reaccionar
enrutador para luego cargar el componente de los usuarios.
Y si hace clic en un enlace que va a los productos de punto com de mi sitio nuevamente, el enrutador de reacción, que es la biblioteca adicional que instaló,
ve que cambia la ruta en su U. R. L. y carga un componente de
reacción diferente.
Así es como funciona la navegación en la web.
Entonces, ¿eres L? Es tu fuente de verdad y cambiar que eres L podría ser recogido por bibliotecas como react
router que luego mostraba diferentes componentes en la pantalla.
Así es como reacciono para los trabajos web.
Ahora hay una diferencia importante cuando pensamos en aplicaciones nativas.
No sabemos que son usuarios mayores, no anden en su aplicación ingresando algunos de los que son L, en
lugar de presionar los botones, presionar los toques y avanzar y retroceder.
Tienes botones de retroceso, cajones laterales, así es como navegas en aplicaciones móviles para ser precisos.
Como mencioné, tener grifos es un patrón común que ves allí.
El patrón común promedio es que navegas en una pila de páginas y eso simplemente significa que vas
a alguna página, haces clic en algún elemento, te lleva a una nueva pantalla y luego automáticamente obtienes un botón de retroceso en
la parte superior o en Android tener uno integrado en el dispositivo, por supuesto.
Y cuando presiona que navegó de regreso a la página en la que estaba antes y obtiene una transición
sin problemas para eso.
Por lo tanto, puede navegar, por ejemplo, cargar un componente de usuarios presionando la pestaña o presionando un
elemento especial y navegando allí, y la acusación simplemente se ve y se siente un poco diferente
para los usuarios.
Ahora, por supuesto, también queremos aportar ese aspecto a nuestra aplicación nativa ReACT.
Y afortunadamente eso es muy fácil.
Con la ayuda de una biblioteca de terceros, usaré la biblioteca de
terceros que lo usará para esto. Detuve mi servidor expuesto. Aquí está la
navegación de reacción. Podemos instalarlo con npm. en realidad es una biblioteca de navegación
creada para reaccionar nativamente.
Ahora también puede usarlo en aplicaciones web, pero su enfoque principal son las aplicaciones nativas creadas con React Native.
Entonces, aunque se llama reaccionar navegación, es para React Native, no solo para reaccionar para la web.
Entonces, simplemente podemos instalar este paquete aquí en nuestra aplicación para comenzar a usarlo.
Y, por supuesto, le enseñaré los entresijos de este paquete y cómo usarlo para diferentes
patrones de navegación en este módulo.
Pero en caso de que desee sumergirse más profundamente o también desee tener una guía escrita.
Definitivamente también echa un vistazo a react navigation dot ORIC, que es la página oficial de este paquete donde
puedes sumergirte en los muelles para aprender todo sobre este paquete.
Allí puedes leer todo al respecto con gran detalle.
Aprenderá cómo usarlo, cómo configurarlo, etc.
Hay mucho que puedes hacer con él y, aunque cubriré la mayor parte de esto aquí, este es un
gran recurso para que profundices más.
Ahora, una cosa que vemos aquí y que deberíamos hacer es ejecutar este comando de usuario que instala un
montón de dependencias adicionales que reaccionan a las necesidades de navegación.
Así que simplemente copie este comando desde la página de Inicio aquí y ejecute en su proyecto en la línea
de comandos en el terminal integrado que no tiene npm install pero Expo install, aunque la única diferencia
es que Expo instalada detrás de escena ejecutará npm install pero elegirá las versiones específicas de
estos paquetes que funcionan con su versión específica de Expo.
Por lo tanto, se podría decir que es una versión más segura de la instalación de npm y, por lo tanto, se recomienda que la
use aquí.
Ahora una nota adicional sobre este comando y esta página en general en la parte superior izquierda de esta página,
verá la versión de React navigation.
Estos documentos están relacionados ahora con la reutilización de este curso, mientras que en 3 o 4 son más o menos lo mismo.
No estamos usando mientras que en 5 en este momento porque la versión 5 usa una sintaxis ligeramente diferente que
por el momento no cubriremos.
Por lo tanto, asegúrese de que si vuelve a recurrir a los documentos, seleccione la Versión 4 o no tenga la documentación
aquí para seguir sin problemas.
Por supuesto, siempre puede echar un vistazo a la versión 5 e intentar ajustar manualmente el código si
lo desea, pero para una experiencia fluida, por supuesto, centrarse en React Native y no en la navegación de reacción.
Asegúrese de elegir la versión 4 o año libre.
Esa es solo una pequeña nota al margen en caso de que se esté preguntando sobre la diferencia entre los
documentos aquí y lo que ve en este curso. Sin embargo, ahora es una nota importante mientras nos atenemos a la navegación de reacción
que nos espera.
Aquí más adelante en el curso tendré un módulo completo sobre la navegación de reacción cinco y más tarde, donde
le mostraré cómo convertir su proyecto para usar esa última versión.
Entonces, ¿tenía lo mejor de ambos mundos y aprenderá ambos tipos de configuración de navegación y
navegación y reaccionará a las aplicaciones nativas porque será muy importante saber tanto para y en el futuro
donde tenga cinco años o más.
Así que simplemente copiemos este comando y también asegurémonos de que, además de instalar Rea Navigation,
que es el paquete principal, por supuesto, también instalamos estos paquetes en el proyecto ejecutando Expo
install aquí ahora con la instalación finalizada aquí. Puedo reiniciar mi servidor Expo con NPM start y ahora podemos
comenzar a usar la navegación de reacción.
Ahora, para todo esto, intercambie una nueva carpeta en mi proyecto y la llamaré navegación.
Esto no es algo que tenga que hacer, pero puede ayudarlo a mantener su código limpio porque allí está.
Crearé un nuevo archivo, todos crearán mi navegador de comidas dot J fall.
Ahora este nombre de archivo depende totalmente de usted.
Solo quiero indicar que allí configuraré la configuración de mi navegación para mi aplicación de comidas aquí
que estoy construyendo.
Entonces es por eso que un nombre así.
Y es en el navegador de comidas jazz fall donde quiero configurar mi configuración
de navegación de pozo. Quiero decirle a Rea Navigation que instalamos qué diferentes pantallas tenemos cómo están
conectadas y cómo queremos movernos entre ellas.
Ahora es más fácil ver eso que hablar de ellos.
Por lo tanto, en el navegador de comidas, comencemos a configurar algo de navegación.