React Navigation vs. React Navigation native
Je veux juste connaître des points de vue honnêtes, expérimentés et objectifs sur ces deux régions pour mettre en œuvre la navigation dans React Native:
Quel est le meilleur et pourquoi. Merci
React Native Navigation Comme son nom l'indique utilise les modules natifs avec un pont JS, les performances seront/pourraient être meilleures. nécessite une intégration native.
While React Navigation est une solution simple et puissante fournie par react native. Contrairement à l’autre, l’implémentation de JS utilise un support natif, ce qui peut être délicat. Juste npm-install et vous êtes prêt à partir ...
Utilisez la navigation réactive si vous préférez une implémentation de JS et utilisez la navigation native si votre priorité la plus élevée est la performance .
Les deux bibliothèques font partie des meilleures solutions de navigation pour React Native. Utilisez-le selon vos besoins.
[~ # ~] update [~ # ~] : les deux bibliothèques ont subi des changements radicaux et sont entrées dans les prochaines versions stables. react-navigation est plus stable et performant maintenant. Si vous devez gérer des calculs complexes dans js, optez pour react-native-navigation. mais dans la plupart des cas, réagissez-navigation fonctionnera pour vous!
UPDATE 2 : Avec l'avènement de react-native-screens , l'optimisation de l'écran natif est rendue possible pour réagir à la navigation par apportant le composant de navigation natif (UIViewController pour iOS et FragmentActivity pour Android) reportez-vous ici
Pour ceux qui recherchent une vue d’expérience utilisateur, les deux fournissent des animations et un flux presque identiques afin que vous ne sachiez pas quelle bibliothèque est utilisée en arrière-plan. La principale différence réside dans le côté natif qui peut améliorer les performances (ce qui est crucial pour une meilleure expérience utilisateur).
Vous devriez essayer le routeur de navigation . Il offre le meilleur des deux mondes: une navigation 100% native sur iOS et Android) ainsi qu’une représentation JavaScript de la pile d’écrans native.
Réagissez Navigation native en utilisant la navigation native en enveloppant chaque écran avec un contrôleur natif. Les performances sont donc optimisées par le domaine natif. La zone que vous allez implémenter se trouve dans l'en-tête et la barre d'onglets.
React Navigation est une implémentation pure de js. Il utilise la vue racine native de React comme vue de conteneur. Chaque écran se trouve sous l'arborescence hiérarchique de la vue racine.
Donc, si vous ouvrez l'application à partir de la console View Hierarchy, vous verrez une grande différence (React Navigation inclut un tas de composants étranges tels que plusieurs en-têtes ou barres de tabulation, l'arborescence est également difficile à comprendre).