React-native prend-il en charge le multithreading et le thread en arrière-plan ou l'exécution parallèle? Comment pouvons-nous faire cela?


13

J'ai parcouru la documentation officielle de react-native et d'autres sources médiatiques et blogs, j'ai appris qu'il y avait UI Thread et JavaScript Thread dans react-native. Le thread Javascript est le thread où la logique s'exécutera. Le code Javascript est exécuté, les appels API sont effectués, les événements tactiles sont traités et bien d'autres. Et UI Thread met à jour l'interface utilisateur. Si le thread JavaScript travaille sur le processus et si nous effectuons à nouveau une action sur le bouton ou tout autre événement tactile, il faut un certain temps pour répondre, après avoir terminé un processus uniquement les mises à jour de l'interface utilisateur jusqu'à ce que je ressente un retard ou qu'il soit coincé quelque part.

Par exemple

Il y a un navigateur d'onglets en bas, il a quatre onglets, Il y a une liste dans le premier onglet et une vue de carte qui montre l'itinéraire entre plusieurs points dans le deuxième onglet

J'avais effectué une action de bouton (cliqué comme bouton dans la vue de liste) dans le premier onglet et en naviguant immédiatement vers le deuxième onglet, il ressent un certain retard dans la mise à jour de l'interface utilisateur ou il faut un certain temps (1-3 secondes) pour naviguer à partir du premier onglet vers le deuxième onglet

Dans le deuxième onglet, la carte prend du temps (5 à 10 secondes) pour récupérer l'itinéraire entre plusieurs points lorsque ce processus se déroule si je navigue vers un autre onglet, la navigation entre les onglets n'est pas fluide et beaucoup de décalage d'interface utilisateur est présent.

Comment pouvons-nous faire en sorte que l'application native réagisse plus rapidement aux actions tactiles et réduit le décalage de l'interface utilisateur

Existe-t-il un concept de thread multithreading et d' arrière - plan que nous pouvons exécuter des logiques particulières dans le thread principal et mettre à jour l'interface utilisateur pour faire une application native pour réagir plus rapidement sans aucun retard.

Réponses:


En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.