DrawerNavigatiorにネストされたStackNavigatorの状態をリセットするにはどうすればよいですか？

Question

ナビゲーションナビゲーションライブラリのDrawerNavigatorに基づいてナビゲーションを行うアプリケーションを構築しています。

• 2つの正規のタブStackNavigator項目に対するユーザーの検索をすることができます一つの画面で構成されてい

を "検索" という名前

1 StackNavigator、および：

このナビゲーターは、3つのタブがありますユーザが検索結果を見る第2画面。

検索結果ページをDrawerNavigatorのタブにしたくないので、この構造を実装しました。

問題は、ユーザーが既に検索を行った場合、「検索」タブをクリックすると、彼は検索画面に戻るのではなく、検索結果画面に戻ります。ユーザーが検索画面に戻ってくることをお勧めします。

どうすれば実現できますか？

Answer 1

あなたはこれを追加イベントにここにあなたのボタンまたは任意の要素でnavigationActions

import { NavigationActions } from 'react-navigation'; 

const resetAction = NavigationActions.reset({ 
    index: 0, 
    actions: [ 
    NavigationActions.navigate({ 
     routeName: 'DrawerScreen', 
     params: {}, 
     action: NavigationActions.navigate({ routeName: 'SearchScreen' }), 
    }), 
    ], 
}) 
navigation.dispatch(resetAction) 

Answer 2

import { NavigationActions } from 'react-navigation'; 

const resetAction = NavigationActions.reset({ 
    index: 0, 
    actions: [ 
     NavigationActions.navigate({ routeName: 'SearchScreen'}) 
    ] 
}) 

と、この使用してナビゲーション派遣をachiveことができます。 this.props.navigation.dispatch（resetAction）

<Button 
    onPress= { 
     () => this.props.navigation.dispatch(resetAction) 
    } 
    title='Back to Search' 
/>