React Native Navigation

React Native Navigation,第1张

React Native Navigation官方文档 路由跳转到app第一个页面方法
  1. navigation.popToTop()
  2. navigation.navigate(‘routeName’)
    不能用navigation.push(‘Home’),这个会入栈一个新路由页,而不是回到首页
页面栈 & 跳转

和浏览器环境类似,Native 也是用栈来保存页面访问历史,但是不同与浏览器只有入栈一个页面,出栈一个页面两种 *** 作,Native 提供了更多的对页面栈的 *** 作接口,React Navigation 在此之上做封装成了几个 API

navigation.push(screen)

对应 window.location.assign(url)
将一个 Screen 入栈
如果当前已经是这个 Screen,则栈内会有两个同样的 Screen

navigation.goback()

对应 window.history.back()
将当前 Screen 出栈

navigation.navigate(screen)

无浏览器环境对应 API
去到某一个指定的 Screen
如果当前已经是这个 Screen,则不会跳转
如果页面栈内已经有这个 Screen,则将这个 Screen 上的所有 Screen 出栈

navigation.popToTop()

无浏览器环境对应 API
去到第一个页面
即只保留页面栈最底层页面,将其余所有页面出栈

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/788603.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-05
下一篇 2022-05-05

发表评论

登录后才能评论

评论列表(0条)

保存