React Native中StackNavigator的路由重置

2018-06-13  本文已影响130人  做全栈攻城狮

在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); }}>退出登录

上一篇 下一篇

猜你喜欢

热点阅读