react router navigation

React-Router-navegación

Este proyecto ya no se mantiene ... ve a ver react-navigation

react-router-navigation proporciona herramientas para navegar entre múltiples pantallas con navegadores o vistas de pestañas. Esta biblioteca se basa en react-router , react-navigation y react-native-tab-view .

Reflejos

• Solo un complemento para react-router
• Composibilidad declarativa
• Permitirle llamar a transiciones en cualquier lugar de su código con componentes simples
• Enrutamiento dinámico
• Desarrollo impulsado por URL
• Solución de navegación fácil de usar utilizando react-navigation
• Soporte de la barra de pestañas utilizando react-native-tab-view
• Multiplataforma (iOS, Android y Web)
• Soporte de enlace profundo de primera clase
• Navegantes anidados
• Totalmente probado y estrictamente tipado
• Soporte mecanografiado

? Población

• Aplicación nativa mínima
• Aplicación nativa del mundo real
• Aplicación web de Polaris ➡️ ¡Véelo!

Cómo usar

Instalar como dependencia del proyecto:

$ yarn add react-router react-router-native react-router-navigation

Ahora puede usar la navegación del enrutador React para navegar entre sus pantallas:

Guía

Para aprender cómo funciona la biblioteca, diríjase a esta introducción escrita por @Charlesmangwa: Thousand Ways de navegar en React-Native

Documento

• <Navigation /> maneja la transición entre diferentes escenas en su aplicación.
• <Tabs /> Haga que sea fácil explorar y cambiar entre diferentes vistas.
• <BottomNavigation /> Haga que sea fácil explorar y cambiar entre vistas de nivel superior en un solo toque.
• Funciona muy bien con React Native Web. Empezando
• Y algunos consejos de rendimiento

? Contribuir

¿Quieres piratear react-router-navigation ? ¡Impresionante! Agradecemos las contribuciones de cualquiera y de todos.

1. Bifurca este repositorio a su propia cuenta de Github y luego clona a su dispositivo local
2. Instalar dependencias con hilo: yarn
3. Asegúrese de que las pruebas pasen usando yarn test
4. ¿Enviar una solicitud de extracción?

Recuerde agregar pruebas para su cambio si es posible. ️

Preguntas

Si tiene alguna pregunta, no dude en ponerse en contacto en Twitter @Leo_Lebras o abrir un problema.

? Gracias

react-router-navigation se basa en el enrutador React. Gracias a Ryan Florence @ryanflorence, Michael Jackson @mjackson y todos los contribuyentes por su trabajo en react-router e history .

Un agradecimiento especial a @ericvicenti, @skevy, @satya164 y @grabbou por su trabajo en react-navigation y @satya164 por su trabajo en react-native-tab-view .