react-navigation 页面跳转

使用react-navigation 在进行页面跳转的时候,遇到些问题,现在来总结下,主要是web和android 的差异

react-navigation 页面跳转方法

navigation

  • navigate - 转到另一个屏幕,找出需要采取的操作
  • replace - 用新屏幕替换当前屏幕
  • push - 将新屏幕推到堆栈上
  • pop - 回到堆栈中
  • popToTop - 转到堆栈顶部
  • jumpTo - 转到选项卡导航器中的特定屏幕
  • openDrawer - 打开抽屉
  • closeDrawer - 关闭抽屉
  • toggleDrawer - 切换状态,即从关闭切换到打开,反之亦然
  • goBack() 返回

一般情况用navigate 进行屏幕的跳转就够了,在这里我遇到过这样一个问题

我的首页是tab ,有三个,在web端我从子页面返回(goback)到主页,三个子页面的 useEffect 初始化方法都会执行,不,或者具体来说,另外两个子页面会执行,

 从我的页面的按钮点到子页面,点击返回, 关注 和热门两个子页面的初始化都执行了,这样就会有一个问题,这两个页面进行了重复加载,数据被刷新了,我中途浏览了一半的记录一下子给刷没了????? 这什么鬼问题,关于这个问题,真是莫名其妙的,

 

就当我愁的时候,突然发现,特么的,安卓上的效果竟然不一样????!!!!!!!!!!!

日志方面,安卓什么日志都没打出来,可以看到,关注和热门两个页面没被触发初始化,这不刚好是我的需求么

 

 以上,就是web 和android 在这里的一点点区别,最开始在web上一直调试找办法,没想到别人已经做好了的

 

posted on 2023-05-06 14:14  手撕高达的村长  阅读(402)  评论(0编辑  收藏  举报

导航