小程序导航栏左上角按钮去掉解决方案(实际上线项目亲测,100%有效)

问题需求:

1.小程序某些页面跳转后,不让点击左上角按钮返回到进来之前的页面。(比如登录成功后跳转的页面或授权页面跳转之后的页面)。

2.某些情况下一进去就判断跳转到某一页面,然后点击返回按钮,就可能出现空白页问题。

除了上面提到的两点之外,可能实际当中大家会遇到其他一些情况,不管如何,目的一致,就是解决掉返回按钮显示问题。下面给出具体解决方案:

uni-app小程序:

在跳转到需要隐藏按钮的页面的跳转接口调用那里使用 uni.reLaunch 替换掉 uni.navigateTo,然后调用api隐藏掉“返回首页”按钮即可。

两者区别:

uni.navigateTo(OBJECT): 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。

uni.reLaunch(OBJECT): 关闭所有页面,打开到应用内的某个页面。 如果调用了 uni.preloadPage(OBJECT) 不会关闭,仅触发生命周期 onHide。

在替换完上面的api之后,页面返回按钮会变成返回首页按钮样子,此时只需要隐藏掉返回首页按钮就可以了。

uni.hideHomeButton()就派上用场了。

uni.hideHomeButton(OBJECT): 隐藏返回首页按钮。

说明:

  • 微信小程序自基础库版本2.8.3开始支持
  • 当用户打开的小程序最底层页面是非首页时,默认展示“返回首页”按钮,开发者可在页面onShow中调用hideHomeButton进行隐藏。

最底层页面是非首页:指的是使用uni.reLaunch(OBJECT)后小程序页面栈会被清空,此时栈内只有跳转后的当前页面,所以当前页面就是栈内最底层的页面,而且是非首页页面,故会显示出“返回首页”按钮

由上面可知,在页面生命周期函数onShow中调用uni.hideHomeButton()就可以了。代码示例:onShow() { uni.hideHomeButton() },到此,问题就迎刃而解了~

微信原生小程序:

思路和上面一样,主要是api不太一样,这里需要使用微信自己的api即可。

用下面的api替换上面对应api即可:
wx.navigateTo,wx.reLaunch,wx.hideHomeButton。

具体详细内容自行查看微信小程序开发文档:微信小程序API开发文档

觉得对你有帮助的话,可以点个赞哟~

  • 12
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值