React-Navigation的goBack()跳转到指定页面,以及不同栈之间的页面的返回操作

本文介绍了如何在React-Navigation中实现goBack返回到指定页面和处理不同栈之间的页面跳转返回。在处理从D直接返回A的需求时,关键在于通过传递和使用正确的。对于跨栈返回,理解导航器的栈管理原理是关键,通过在目标页面添加源栈帧,实现了不同栈间的相互跳转。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

背景:
在做项目时使用React-Navigation进行页面管理。有两个需求
在这里插入图片描述
1:在我的中进入界面,从主界面A进入B,B进入C,C进入D,在D中点击返回键要求直接返回到A中。
2:从当前的通讯录中的一个页面跳转到我的中的一个子页面,但是当点击这个子页面的返回键时,他会返回到我的中的上一个界面,而不是通讯录中的那个页面。

一:goBack返回到指定页面

分析:
React-Navigation中,他是通过栈的形式进行页面管理的。简单的描述一下,首先通过createBottomTabNavigator创建一个BottomTabNavigator并指定每一个Tab的首页,就是上图所示的底部导航栏。之后通过createStackNavigator为每一个Tab创建stack,并将这个Tab中的所有的页面放进去。在进行页面切换时,他是以栈帧的进出的形式进行管理的。
如图:是真tm的丑。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值