广告：宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

uniapp设置导航栏隐藏显示的方法：首先获取当前页面webview的对象实例；然后打印，并找到需要修改的数据；接着修改“titleNView.autoBackButton=false”；最后最后重设titleNView即可。

本教程操作环境：windows7系统、uni-app2.5.1版本，该方法适用于所有品牌电脑。

推荐（免费）：uni-app开发教程

uniapp动态显示/隐藏顶部导航栏返回按钮

uniapp动态修改顶部导航栏

获取当前页面 webview 的对象实例

let pages = getCurrentPages()let page = pages[pages.length - 1];let currentWebview = page.$getAppWebview();

打印，找到需要修改的数据

let titleNView = currentWebview.getStyle().titleNViewconsole.log(titleNView)//打印结果{"autoBackButton": true,"backgroundColor": "#F8F8F8","dock": "top","height": 44,"position": "dock","statusbar": {},"tags": [],"titleColor": "#000000","titleText": "纸板入库","type": "default"}

然后修改

titleNView.autoBackButton = false

最后重设titleNView

currentWebview.setStyle({titleNView:titleNView})

如果是修改导航栏标题的话不需要以上代码，直接调用uni.setNavigationBarTitle()即可。如下

uni.setNavigationBarTitle({   title: '新的标题'});

以上就是uniapp如何设置导航栏隐藏显示的详细内容，更多请关注9543建站博客其它相关文章！

广告：SSL证书一年128.66元起，点击购买~~~