从嵌套的 TapNavigator 导航到父(stacknavigator)详细信息屏幕 [英] navigate from nested TapNavigator to parent (stacknavigator) details screen
问题描述
我是本机反应的新手.我正在使用 react-navigation npm 进行路线导航.无法从嵌套点击导航器导航到父堆栈导航器的屏幕.我使用 onPress={() =>导航('详细信息')}
方法在 IndividualChat 屏幕中,然后我参考了 从嵌套的 StackNavigator 导航到父母的路由器屏幕 问题和 反应导航操作我没看清楚.
I am new to react native. I am using react-navigation npm for route navigation.Could not navigate from nested tap navigator to parent stack navigator's screen.I used onPress={() => navigate('Details')}
method in IndividualChat screen and then I referred navigate from nested StackNavigator to parent's router screen issue and react navigation actions I didn't get clearly.
示例代码:
const ChatScreen = TabNavigator({
Message: { screen: IndividualChat },
Group: { screen: GroupChat }
});
const HomeScreen = StackNavigator({
Home: {
screen: Login,
},
Profile: {
screen: ChatScreen
},
Details: {
screen: DetailsScreen
}
});
片段
https://snack.expo.io/By1ZzDyXz
我需要什么
我需要从 IndividualChat 屏幕导航到详细信息屏幕.
I need to navigate from IndividualChat screen to details screen.
推荐答案
import { NavigationActions, StackActions } from 'react-navigation';
const resetAction = StackActions.reset({
index: 0,
key:null,
actions: [
NavigationActions.navigate({
routeName: 'Details'
})
]
})
);
this.props.navigation.dispatch(resetAction);
这里的关键是使用 'StackActions' 并设置 'key:null',如果设置为 null 将重置根导航器.
The key here is use the 'StackActions' and set 'key:null' that if set to nullwill reset the root navigator.
这篇关于从嵌套的 TapNavigator 导航到父(stacknavigator)详细信息屏幕的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!