概述
本教程操作环境: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如何设置导航栏隐藏显示所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复