У меня проблема с TabNavigator и StackNavigator в режиме реагирования. Я хотел бы сбросить свою навигацию, когда я нажимаю кнопку. У меня есть навигация по стеку в моей навигации по вкладкам. Проблема в том, что я могу сбросить только одну навигацию...
план:
-tabNavigator
-listing.js
-stackNavigator
-types.js
-picture.js
-ad.js
поэтому, когда я нахожусь в ad.js, у меня есть кнопка, когда я нажимаю на нее, мой stackNavigation сбрасывается на type.js и tabNavigator на Listing.js. Так что я хотел бы, наконец, вернуть Linsting.js.
моя навигация: navigation.js
export const resetAction = NavigationActions.reset({
index: 0,
actions: [
NavigationActions.navigate({ routeName: 'Types'}),
],
key: null
})
export const listingAction = NavigationActions.navigate({
routeName: 'Listing',
})
const Stack = StackNavigator(
{
Types: {screen: SelectTypesScreen},
Picture: {screen: SelectPictureScreen},
Ad: {screen: CreateAd}
})
const Tab = TabNavigator(
{
Listing: {screen: ListingScreen},
Preference: {screen: PreferencesScreen},
Add: {screen : Stack}
},
{
}
)
export default class App extends Component {
render() {
return (
<Tab />
);
}
}
вкладка Навигация linsting.js
export default class Listing extends Component {
render() {
return (
<View>
<Text> Listing </Text>
</View>
);
}
}
навигация по стеку ad.js
export default class CreateAd extends Component {
render() {
return (
<View>
<Text style={{marginTop: '80%', marginLeft: '40%'}}> Ad </Text>
<Button title="Ok" onPress={() => {console.log("displayer 1"), this.props.navigation.dispatch(resetAction), console.log("displayer 2"), this.props.navigation.dispatch(listingAction)}} />
</View>
);
}
}