React 您所在的位置:网站首页 如何返回页面时不被刷新屏幕 React

React

2023-11-03 08:19| 来源: 网络整理| 查看: 265

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

一:goBack返回到指定页面

分析: 在React-Navigation中,他是通过栈的形式进行页面管理的。简单的描述一下,首先通过createBottomTabNavigator创建一个BottomTabNavigator并指定每一个Tab的首页,就是上图所示的底部导航栏。之后通过createStackNavigator为每一个Tab创建stack,并将这个Tab中的所有的页面放进去。在进行页面切换时,他是以栈帧的进出的形式进行管理的。 如图:是真tm的丑。 在这里插入图片描述 如图:从A进入B就相当于是在栈中增加栈帧B。类似的,进入到D中之后,他会将CD这两个栈帧都放到栈中进行管理。如果点击默认的返回键,就相当于是将栈帧推出栈。同样的推出也是一个一个推出。此时想要从D一步返回到A,该怎么搞???? 如果只是简单的调用goBack



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有