wake-up-neo.com

React Navigation vs. React Native Navigation

Ich möchte nur ehrliche, erfahrene und objektive Gesichtspunkte zu diesen beiden Lösungen kennen, um die Navigation in React Native:

Welches ist besser und warum. Vielen Dank

62
Edwin Vargas

React Native Navigation Wie der Name schon sagt, werden die nativen Module mit einer JS-Bridge verwendet, sodass die Leistung möglicherweise besser ist. erfordert native Integration.

While React Navigation ist eine einfache und leistungsstarke Lösung, die von React Native selbst bereitgestellt wird. Es ist eine All-JS-Implementierung im Gegensatz zu der anderen, die native Unterstützung verwendet, was schwierig sein kann. Gerade npm-install und du bist gut zu gehen ...

Verwenden Sie die Reaktionsnavigation, wenn Sie eine All-JS-Implementierung bevorzugen und verwenden Sie die native Navigation, wenn Ihre höchste Priorität in Leistung liegt.

Beide Bibliotheken gehören zu den besten Navigationslösungen für React Native. Verwenden Sie sie gemäß Ihren Anforderungen.

[~ # ~] update [~ # ~]: Beide Bibliotheken haben drastische Änderungen erfahren und sind in die nächsten stabilen Versionen eingetreten. Die React-Navigation ist jetzt stabiler und performanter. Wenn Sie mit komplexen Berechnungen in js umgehen müssen, wählen Sie reaktionsorientierte Navigation. aber in den meisten fällen funktioniert die reaktionsnavigation!

UPDATE 2: Mit dem Aufkommen von Reactive-Native-Screens wird die native Bildschirmoptimierung zur Reactive-Navigation gebracht, indem die native Navigationskomponente (UIViewController für iOS) mitgebracht wird und FragmentActivity für Android) siehe hier

Für diejenigen, die aus der Sicht der Benutzererfahrung suchen, bieten beide nahezu identische Animationen und Flows, sodass Sie nicht wissen, welche Bibliothek hinter den Kulissen verwendet wird. Der Hauptunterschied ist die native Seite, die die Leistung verbessern kann (was für eine bessere Benutzererfahrung entscheidend ist).

68
Wolverine

Sie sollten den Navigationsrouter ausprobieren. Es bietet das Beste aus beiden Welten: 100% native Navigation unter iOS und Android und eine JavaScript-Array-Darstellung des nativen Stapel von Bildschirmen.

1
graham mendick

Reagieren Sie mit der nativen Navigation auf die native Navigation, indem Sie jeden Bildschirm mit einem nativen Controller umschließen. Die Leistung wird also vom nativen Bereich optimiert. Der Bereich, den Sie implementieren möchten, befindet sich in der Kopfzeile und in der Registerkartenleiste.

React Navigation ist eine reine Implementierung. Es verwendet die reaktionsspezifische Stammansicht als Containeransicht. Jeder Bildschirm befindet sich unter der hierarchischen Struktur der Stammansicht.

Wenn Sie die App über die View Hierarchy-Konsole öffnen, werden Sie einen großen Unterschied feststellen (React Navigation enthält eine Reihe seltsamer Komponenten wie mehrere Überschriften oder eine Registerkartenleiste; der Baum ist auch schwer zu verstehen).

0
Maolei Tang