React Native Navigation

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
去到第一个页面
即只保留页面栈最底层页面,将其余所有页面出栈

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值