'Ecran de pré-rendu' dans React Native

Question

Donc en gros : J'ai une liste avec quelques emplois, c'est ma JobsView. Quand quelqu'un clique sur un emploi, je les redirige vers la vue de l'emploi où je affiche l'emplacement de l'emploi avec react-native-maps et les détails de l'emploi. Mais le rendu de react-native-maps à chaque fois peut prendre du temps. (1s) Donc :

1. Sur la JobsScreen je clique sur un emploi
2. Je déclenche la fonction de navigation
3. JobScreen rend les cartes et les détails. C'est ici un problème car cela prend 1 seconde chaque fois, donc je veux d'une manière ou d'une autre pré-rendre la carte mais je n'ai aucune idée de comment faire. :/. (ou y a-t-il une meilleure façon de faire ce type de chose?)

Answer 1

Belle question, je pense que la navigation fera que votre vue de carte sera supprimée à chaque fois que vous touchez le bouton back.

Donc ma suggestion est d'utiliser CSS. Vous créez le composant de la carte mais vous le cachez avec des styles CSS.

Quand l'utilisateur clique sur un élément de la liste, au lieu de la navigation, nous affichons le composant de la carte (encore une fois par le biais du CSS).

Parce que nous n'utilisons pas la navigation => donc vous pouvez : + cas 1 : personnaliser le comportement du toucher du bouton de retour pour cacher la carte, ou + cas 2 : construire un bouton de fermeture pour la carte.

C'est l'idée. J'espère que cela vous aide.