React Native：ネストされたナビゲーションに小道具を渡す

Question

私は滑らかなリアクションナビゲーションを使用しており、nested navigation recipeに続いていますが、私はナビゲーションに「これ」を渡す方法がわかりません。私の無知のために申し訳ありません。ここで

は私の一般的な構造の概要である：

class MyApp extends Component { 
    render() { 
    return (
     <StackNavigation 
     screenProps={this.state} 
     /> 
    ) 
    } 
} 

const MainScreenNavigator = TabNavigator(
    { 
    Awesome: { screen: Awesome } // How do I pass this.state? 
    } 
) 

const routesConfig = { 
    Home: { screen: MainScreenNavigator }, 
    Profile: { screen: Profile } 
} 

const StackNavigation = StackNavigator(routesConfig, {initialRouteName: 'Home'}) 

は、どのように私は私のMainScreenNavigatorにthis.stateを渡すのですか？

Answer 1

状態をそのまま渡すことができるかどうかはわかりません。次のようにしかし、あなたが渡されたのparamsは、次の画面でアクセスすることができます..あなたがthisによると、この

this.props.navigation.state.params.<<property passes>> 

Answer 2

を試すことができ、あなたはStackNavigatorConfigにStackNavigatorに余分なオプションを渡すことができます。このような何か：つもり初期ルートのにすべてのあなたの状態を渡している

{ initialRouteName: 'Home', initialRouteParams: {...this.state} }

そしてそれ：StackNavigatorConfigは、オブジェクトのようなものです

const StackNavigation = StackNavigator(routesConfig, StackNavigatorConfig)

...あなたのナビゲータ。 については

他の経路を行うことができます：

this.props.navigation.navigate('SomeScreen', {<the-greatest-object-for-pass-down>})

そして、それはにSomeScreenが-のためのバイパスダウン最大オブジェクトつもりパスです。

最後に、のパラメータには、（初期画面と他の画面）の両方にアクセスできます。this.props.navigation.paramsです。