场景：
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官网
实现界面：
文章来源：https://www.toymoban.com/news/detail-659234.html
参考地址：【uniapp】解决autoBackButton不生效和onNavigationBarButtonTap不起作用问题:_autobackbutton失效_Sun Peng的博客-CSDN博客文章来源地址https://www.toymoban.com/news/detail-659234.html
到了这里，关于uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[VUE学习]权限管理系统前端vue实现8-右上角用户头像显示实现](https://imgs.yssmx.com/Uploads/2024/02/541121-1.png)
