在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); }}>退出登录
在React-Native实际开发过程中，会遇到StackNavigator需要完全退出的情况。 如下例子： 1....
导航/路由文章 使用react-native-router-flux的基础知识 React Native中的路由和...
StackNavigator是react-native的页面路由配置控制器，是一个堆栈导航器，由于它是一个堆栈导...
参考使用react-navigation详解(一)--StackNavigator 关于Rn中的路由跳转 第一步...
react-navigation中的reset方法，应该都不陌生吧，重置路由。但有的需求是在登陆之后，重置路由并传...
问题1： react-native 开发中，当需要跳转至包含大量可操作组件的stacknavigator 的 sc...
RN中的底部路由的设置入门 具体参考了如下 react-native进入姿势 react-native-tab...
路由(react-native-router-flux) react-native-router-flux 源码地...
第三方路由插件 react-native-router-flux react-native-scrollable-...
StackNavigator是react-native的导航组件，其采用堆栈式的页面导航来实现各个界面跳转 引入 ...
本文标题：React Native中StackNavigator的路由重置
本文链接：https://www.haomeiwen.com/subject/coadeftx.html
网友评论