Ich habe die offizielle Dokumentation von React-Native und einige andere Medienquellen und Blogs durchgesehen und festgestellt, dass UI-Thread und JavaScript-Thread in React-Native enthalten sind. Javascript-Thread ist der Thread, in dem die Logik Javascript-Code ausführt, API-Aufrufe ausgeführt, Berührungsereignisse verarbeitet und viele andere. Und UI Thread aktualisiert die Benutzeroberfläche. Wenn der JavaScript-Thread an dem Prozess arbeitet und wir erneut eine Schaltflächenaktion oder ein anderes Berührungsereignis ausführen, dauert es einige Zeit, bis wir reagieren. Nach Abschluss eines Prozesses werden nur die UI-Updates ausgeführt, bis ich das Gefühl habe, dass sie zurückbleiben oder irgendwo hängen bleiben.
Zum Beispiel
Es gibt einen Navigator für die untere Registerkarte mit vier Registerkarten. Auf der ersten Registerkarte befindet sich eine Listenansicht und auf der zweiten Registerkarte eine Kartenansicht, die die Route zwischen mehreren Punkten anzeigt
Ich habe auf der ersten Registerkarte eine Schaltflächenaktion ausgeführt (in der Listenansicht auf eine Schaltfläche geklickt) und sofort zur zweiten Registerkarte navigiert. Die Aktualisierung der Benutzeroberfläche ist etwas verzögert, oder es dauert einige Zeit (1 bis 3 Sekunden), um von der ersten zu navigieren Registerkarte zur zweiten Registerkarte
Auf der zweiten Registerkarte benötigt die Karte Zeit (5-10 Sekunden), um die Route zwischen mehreren Punkten abzurufen, wenn dieser Vorgang ausgeführt wird. Wenn ich zu einer anderen Registerkarte navigiere, ist die Navigation zwischen den Registerkarten nicht reibungslos und es liegt eine große Verzögerung der Benutzeroberfläche vor.
Wie können wir die reaktionsnative App schneller auf berührbare Aktionen reagieren lassen und die Verzögerung der Benutzeroberfläche verringern?
Gibt es ein Konzept für Multithreading und Hintergrund-Threading , mit dem wir bestimmte Logiken im Haupt-Thread ausführen und die Benutzeroberfläche aktualisieren können, damit eine reaktionsnative Anwendung schneller und ohne Verzögerung reagiert.
quelle