React-native之Navigator调用popToRoute无效解决方案

#前言
在使用RN过程中, 经常会遇到如下场景, 当前在D页面, 栈里有A =》 B => C => D 四个页面, 我们往往需要返回之前的某个页面(B页面),并卸载 C, D两个页面,此时就需要用到官方定义的popToRouter方法,但是本人尝试了一下无效,

this.props.navigator.popToRoute({name:'login'});

于是查找一番找个了一个方法。

#方法

const routes = this.props.navigator.state.routeStack;
						let destinationRoute = '';
						for (let i = routes.length - 1; i >= 0; i--) {
								if(routes[i].name === 'LoginView'){
										destinationRoute = this.props.navigator.getCurrentRoutes()[i];
								}
						}
						this.props.navigator.popToRoute(destinationRoute);

主要原理在于,找到栈中所有的页面,调用getCurrentRoutes方法找到对应的路由,再次执行popToRoute即可。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天外野草

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值