脚本宝典收集整理的这篇文章主要介绍了uniapp如何设置导航栏隐藏显示，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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().titleNView
console.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如何设置导航栏隐藏显示的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的uniapp如何设置导航栏隐藏显示全部内容，希望文章能够帮你解决uniapp如何设置导航栏隐藏显示所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。