リアクションナビゲーションリセットパラメータを追加できますか？

Question

私はまだナビゲーションに反応するのが新しいです。 ログイン後に経路情報を正常にリセットしたいと考えています。しかし、私はメインページに渡したいログイン情報のようないくつかのパラメータがあります。プロフィールページで

import { NavigationActions } from 'react-navigation' 

const resetAction = NavigationActions.reset({ 
    index: 0, 
    actions: [ 
     NavigationActions.navigate({ routeName: 'Profile', 
       params:{user:this.state.username}}) 
     ] 
    }) 
    this.props.navigation.dispatch(resetAction) 

、私はのparamsへのアクセスを取得したいので、私はこれを使用します。

constructor(props){ 
super(props) 
this.state = { username: this.props.navigation.state.params.user, 
    } 

が、私は受け取っ：未定義「の_this.propsを評価対象（ではありません。 navigation.state.params.user '）をコンソールログに保存します。 パラメータを取得する方法を知っていますか？ありがとう

Answer 1

usernameをキーとして渡しています。あなたがそれを取得しているとき だからあなたのコードは、この

ステップ1のようになります渡し

this.props.navigation.navigate('Your-Screen_name',{ username: 'Lucy' }) 

ステップ2のparams：PARAMS

this.state = { 
    username: this.props.navigation.state.params.username, 
} 

Answer 2

あなたはでのparamsを渡すことができます取得反応ネイティブスタックナビゲータのアクションをリセットする： -

const resetAction = NavigationActions.reset({ 
      index: 0, 
      actions: [ 
       NavigationActions.navigate({ 
        routeName: 'ScreenName',  // name of the screen you want to navigate 
        params: { 
         paramsKey: paramsValue // this second parameter is for sending the params 
        } 
       }) 
      ], 
}); 
this.props.navigation.dispatch(resetAction); 

そして、このようなナビゲーション状態のparamsから2番目の画面でパラメータ値を取得する： -

static navigationOptions = ({navigation, screenProps}) => { 
    const params = navigation.state.params || {}; // You can get the params here as navigation.state.params.paramsKey 

    console.log("CompareScreen product_id:", params.paramsKey); 
}