React Native中StackNavigator的路由重置 实现退出功能 点击返回直接退出应用

2018-12-20 11:19:41 浏览数 (1)

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

0 人点赞