0
votes

Réagir la navigation native - se déplaçant entre des itinéraires sur le même écran avec des paramètres différents

J'ai réagi de l'application native qui montre des profils de personnes (comme Facebook par exemple). J'utilise réagissant la navigation pour naviguer entre des écrans.

sur la page de la personne, vous pouvez appuyer sur un autre élément de la personne et il navigue sur la page de la même personne avec une carte de personne différente. P>

it comment je navigue quand la personne est pressé: p>

props.navigation.push('PersonPage', {personId: person.id})


5 commentaires

Pourriez-vous s'il vous plaît fournir la section de code qui cause une erreur.


Je ne sais pas ce qui provoque l'erreur. L'erreur n'est pas claire et non spécifique. Tout ce que je sais, c'est que cela se produit après que je navigue sur le même écran avec des paramètres différents. Quoi qu'il en soit, je me soucie de trouver la bonne façon de naviguer entre ces écrans. Merci!


Quel outil de gestion de l'État utilisez-vous?


J'utilise Redux


Oui, vous devez donc empêcher l'écran de mettre à jour de nouvelles données lorsque la page est à l'arrière-plan. Do une logique dans la méthode DépomponponDate


3 Réponses :


0
votes

Avez-vous essayé d'utiliser la navigation.navigate à la place de la navigation.push? Parce qu'est-ce que la poussée est-elle explicitement appuie explicitement cette page dans une nouvelle pile, et il ne récupère donc pas l'identifiant de personnes anciennes tout en appuyant sur Navigation.Goback (). Donc, vous appelez explicitement cela.props.navigation.push ('personne', {id: id}) Lorsque vous appuyez sur le Backbutton de l'écran, c'est-à-dire en retour.

Vous pouvez essayer avec navigation.navigate et voir si cette aide.S

N'hésitez pas à des doutes. Aide malade: D


1 commentaires

Merci pour votre réponse! J'ai essayé - accesssifs.navigation.navigate ({routename: 'personnage de personnage', parames: {PERSONID: PERSON.IDE}, Touche: 'Personnage' + (Math.Random () * 10000)}); . Il agit la même chose pour moi ..



1
votes

Étant donné que vous n'avez pas fourni votre code, j'ai ajouté les étapes que j'ai utilisées pour gérer la navigation à l'écran avec les paramètres. Pourriez-vous s'il vous plaît essayer cela et laissez-moi savoir si vous trouvez des difficultés xxx pré>

Ajoutez votre navigation Appuyez sur comme suit P>

    onPress{() => {

        const navigateAction = NavigationActions.navigate({
        routeName: 'YourRoute',
        params: { personId: YOURPERSONID },
        });
        this.props.navigation.dispatch(navigateAction);

    }}


0 commentaires

0
votes

Ajoutez ce code dans votre classe de composants xxx

lorsque vous naviguez sur la nouvelle page utilisateur Call setState également xxx


0 commentaires