本教程操作环境：windows7系统、uni-app2.5.1版本，该方法适用于所有品牌电脑。
推荐（免费）：uni-app开发教程
uniapp动态显示/隐藏顶部导航栏返回按钮
uniapp动态修改顶部导航栏
获取当前页面 webview 的对象实例
复制代码1
2
3
let pages = getCurrentPages()
let page = pages[pages.length - 1];
let currentWebview = page.$getAppWebview();
登录后复制打印，找到需要修改的数据
复制代码1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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"
}
登录后复制然后修改
复制代码1
titleNView.autoBackButton = false
登录后复制最后重设titleNView
复制代码1
2
3
currentWebview.setStyle({
titleNView:titleNView
})
登录后复制如果是修改导航栏标题的话不需要以上代码，直接调用uni.setNavigationBarTitle()即可。如下
复制代码1
2
3
uni.setNavigationBarTitle({
title: '新的标题'
});
登录后复制以上就是uniapp如何设置导航栏隐藏显示的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是可靠画笔最近收集整理的关于uniapp如何设置导航栏隐藏显示的全部内容，更多相关uniapp如何设置导航栏隐藏显示内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复