réagissent natif passant paramètres à l'autre composant

Question

Salut, je suis nouveau pour réagir natif et en essayant d'apprendre quelques petites choses. J'essaye de passer un nom d'utilisateur sur un clic de bouton à la vue d'enfant. Voici mon code sur le bouton cliquez sur la vue A

this.props.navigation.navigate('GetRegisteredScreen', {}, { 
    type: ' Navigate', 
    routeName: 'GetRegisteredScreen', 
    params: {username: 'Robert'} 
}) 

Voir B

componentDidMount(){ 
    alert(this.props.navigation.state.params.username) 
} 

Obtenir ci-dessous erreur

non définie dans le params.username

Qu'est-ce que je suis mal faire?

peut aider quelqu'un s'il vous plaît, Merci à l'avance

EDIT: Voici ce que je le reçois pour this.props.navigation

Answer 1

Je devine que votre navigateur injecte les propriétés de params dans la les accessoires du composant suivant, il suffit donc d'utiliser

this.props.username 

Answer 2

Vous avez une erreur de syntaxe. Vous passez le mauvais. Ça devrait être comme ci-dessous. La syntaxe utilisée est dispatching navigate action.

Exemple

const navigateAction = NavigationActions.navigate({ 
    routeName: 'Profile', 
    params: {}, 
    action: NavigationActions.navigate({ routeName: 'SubProfileRoute'}) 
}) 

this.props.navigation.dispatch(navigateAction)