Jak zresetować stan StackNavigator zagnieżdżony w DrawerNavigatior?

Question

Buduję aplikację, której nawigacja oparta jest na DrawerNavigator z biblioteki reaktywnej nawigacji.

Ten nawigator ma 3 zakładki:

• 2 regularne występy
• 1 StackNavigator nazwie "Szukaj"

StackNavigator składa się z jednego ekranu, która umożliwia wyszukiwanie użytkownika dla elementu, a drugi ekran, na którym użytkownik widzi wyniki wyszukiwania.

Nie chcę, aby strona z wynikami wyszukiwania była zakładką DrawerNavigator, dlatego zaimplementowałem tę strukturę.

Problem polega na tym, że jeśli użytkownik przeszukał już konto, po kliknięciu karty "Szukaj" nie wraca do ekranu wyszukiwania, ale do ekranu wyników wyszukiwania. Wolałbym, aby użytkownik wrócił do ekranu wyszukiwania.

Jak mogę to osiągnąć?

Answer 1

Można achive to przy użyciu wysyłkę nawigacji z 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'}) 
    ] 
}) 

Tutaj w przycisk lub dowolny element z imprezy dodać to: this.props.navigation.dispatch (resetAction)

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