在React-Native实际开发过程中,会遇到StackNavigator需要完全退出的情况。
如下例子:
1.登录时,登陆成功进入主页面。当点击返回时需要直接退出应用
2.进行退出登录操作时,需要返回到登陆界面。点击返回直接退出应用
但使用默认的StackNavigator进行跳转时,返回键依然会进入上次跳过来的界面。
为了解决这个问题,要用到以下代码,对路由表进行重置:(Login代表跳转到的界面Name)
const resetAction =StackActions.reset({
index:0,
actions: [
NavigationActions.navigate({
routeName:'Login',
})
]
});
代码:
onPress={() => { navigate("Login") this.props.navigation.dispatch(resetAction); }}>退出登录