performance - sobre - series de netflix pdf

React Navigation vs. React Native Navigation

Question

Solo quiero conocer puntos de vista honestos, experimentados y objetivos sobre estas dos soluciones para implementar la navegación en React Native:

• Reaccionar navegación
• Reaccionar navegación nativa

Cuál es mejor y por qué. Gracias

Answer 1

Deberías probar el enrutador de navegación . Proporciona lo mejor de ambos mundos: navegación 100% nativa en iOS y Android y una representación de matriz de JavaScript de la pila nativa de pantallas.

Answer 2

Reaccione la navegación nativa usando la navegación nativa envolviendo cada pantalla con un controlador nativo. Por lo tanto, el rendimiento está optimizado por el reino nativo. El área que implementará está dentro del encabezado y la barra de pestañas.

React Navigation es pura implementación de js. Utiliza la vista raíz nativa de React como la vista de contenedor. Cada pantalla está debajo del árbol jerárquico de la vista raíz.

Entonces, si abre la aplicación desde la consola View Hierarchy, verá una gran diferencia (React Navigation incluye un montón de componentes extraños como múltiples encabezados o barra de pestañas, el árbol también es difícil de entender).

Answer 3

Reaccione Native Navigation como su nombre lo indica, utiliza los módulos nativos con un puente JS, por lo que el rendimiento será / puede ser mejor. Requiere integración nativa.

Mientras que React Navigation es una solución simple y poderosa proporcionada por React Native . Es una implementación completa de JS a diferencia de la otra que usa soporte nativo, lo que puede ser complicado. Simplemente npm-install y listo ...

Utilice la navegación de reacción si prefiere una implementación completa de JS y use la navegación nativa si su máxima prioridad radica en el rendimiento .

Ambas bibliotecas se encuentran entre las mejores soluciones de navegación para React Native. Úselo de acuerdo a sus necesidades.

ACTUALIZACIÓN : Ambas bibliotecas han sufrido cambios drásticos y han entrado en las siguientes versiones estables. react-navigation es más estable y eficiente ahora. Pero si tiene que manejar cálculos complejos en js, vaya a react-native-navigation. pero en la mayoría de los casos, react-navigation funcionará para usted.

ACTUALIZACIÓN 2 : con el advenimiento de react-native-screens , la optimización de la pantalla nativa es posible para reaccionar a la navegación al traer el componente de navegación nativo (UIViewController para iOS y FragmentActivity para Android) Consulte aquí

Para aquellos que buscan desde una vista de experiencia de usuario, ambos proporcionan animaciones y flujos casi idénticos para que no sepan qué lib se usa detrás de escena. La principal diferencia es el lado nativo que puede mejorar el rendimiento (que es crucial para una mejor experiencia de usuario)