uniapp app 实现右上角回首页;点homeButton返回上一页;onNavigationBarButtonTap不生效问题

场景:

app,Android移动端 实现点击右上角图标,回首页。
问题:用了官网的 homeButton,图标正常展示了,也可点击,但每次点击后是会返回上一页而非首页。

后来查到说,要结合onNavigationBarButtonTap生命周期函数使用,但毫无反应。

解决方法:

放弃这种方法,选择官网提供的 自定义按钮 buttons pages.json 页面路由 | uni-app官网

代码实现:

1、pages.json页面设置自定义按钮,这里图标选择官网提供的type: home,靠右展示

复制代码
// 主要代码: 
"titleNView": {
	"homeButton": "false",
	"buttons": [{
	  "type": "home",
	  "float": "right"
    }]
}

2、在对应页面加onNavigationBarButtonTap函数,我这里不需要区分按的什么按钮,就没有接收参数,若需要可以按官网来做判断 页面简介 | uni-app官网

实现界面:

参考地址:【uniapp】解决autoBackButton不生效和onNavigationBarButtonTap不起作用问题:_autobackbutton失效_Sun Peng的博客-CSDN博客

相关推荐
m0_611349313 分钟前
什么是副作用(Side Effects)
开发语言·前端·javascript
狗头大军之江苏分军4 分钟前
她在结婚那天离开了:我们该重新谈谈“结婚这件事”
前端·后端
消失的旧时光-19434 分钟前
从命令式跳转到声明式路由:前端、Android、Flutter 的一次统一演进
android·前端·flutter·状态模式
icestone_kai10 分钟前
ngix开启跨域
前端
Hzsilvana10 分钟前
在 uni-app 中检测 APP 端是否有通知权限
uni-app
咸虾米_11 分钟前
uniapp使用history路由模式打包上线到前端网页托管的注意事项
前端·uni-app·vue3·unicloud·前端网页托管
前端无涯12 分钟前
React Router(web) 全解析:知识点、工作注意点及面试重点
前端·react.js·前端框架
EQ_雪梨蛋花汤14 分钟前
【NDK / JNI】Sceneform-EQR 集成 Filament JNI 源码:关键点与逐步操作记录
前端
C_心欲无痕15 分钟前
vue3 - shallowReactive浅层响应式对象(只对顶层属性)
前端·javascript·vue.js
AY呀15 分钟前
新手必读:React组件从入门到精通,一篇文章搞定所有核心概念
前端·javascript·react.js