ReactネイティブナビゲーションでStackNavigatorでコードが不正になるのを避けるには

Question

React Nativeを覚え始めたばかりで、ナビゲーションではコードの匂いと考えていたことに気付きました。

だから私はreact-navigationとStackNavigatorを使用しています。 View1、View2、View3などのビューを連続してナビゲートしなければならないビューがいくつかありますが、View2からView3にナビゲートするには、通常、ナビゲーションアイテムをパラメータに渡します。他のビューで再度アクセスします。私は最初の基本を理解したかったとして、私は、これまでのところ、今Reduxのを使用していない

navigateToDetailPage() { 
    const {navigation} = this.props.navigation.state.params; 

    navigation.navigate('GameSessionDetailPage', { 
     navigation: navigation 
    }); 
} 

：だから私は通常、このようなコードで終わります。しかし、これは私がnavigationをreduxストアに置くべきケースでしょうか？私が理解したところから、reduxはアプリケーションの状態を反映し、大きなデータ/オブジェクトダンプではないはずです。しかし、私は壊れやすいと私に非常に結合しているように見える "ナビゲーションオブジェクト渡し"の長い鎖に入っているように感じる。皆さんがお勧めするいくつかのベストプラクティスはありますか？

Answer 1

ナビゲーションオブジェクトを通過する必要はありません。これは、次のコンポーネントに追加されます次にGameSessionDetailPageにあなたはthis.props.navigationが使用可能になります自動的に

navigateToDetailPage() { 
    const {navigation} = this.props; 

    navigation.navigate('GameSessionDetailPage'); 
} 

小道具。

ここでReduxを使用する必要はありません。