2016-12-01 1 views
0

J'utilise le composant Navigator pour React autochtones et jusqu'ici ça va, mais ...Utilisation de Navigator dans React natif

Je ne peux pas sembler pousser() au navigateur à partir du même composant. Voici un exemple:

updateNav(){ 
    navigator.push({page: 'newPage'}); 
} 

render(){ 
    return (
    <Navigator initialRoute={{page: INITIAL_TAB}} /> 
) 
} 

Quand j'appelle

updateNav() 

Je reçois une erreur disant que « navigateur » est indéfini.

De plus, je peux passer le navigateur aux enfants et mettre à jour le Navigator depuis les enfants via les 'accessoires' sans problème. Mais j'ai un cas où j'ai besoin de mettre à jour le push vers le navigateur à partir du même composant qui a le composant Navigator.

Répondre

-1

Je pense que le navigateur devrait être sur vos accessoires

this.props.navigator

1

Le navigateur est une propriété que vous transmettons à vos scènes, il ne sera pas disponible dans le même composant que vous rendu Navigator . J'ai également rencontré ce problème et j'ai simplement déplacé le Navigateur vers un composant supérieur et fait de l'actuel le chemin initial.

+0

Merci, connaissez-vous des exemples utilisant deux navigateurs? J'en utilise un pour contrôler les pages principales et à l'intérieur d'une de mes pages principales j'ai un sous-navigateur pour contrôler les onglets sur la page. – Gilberg