我是靠谱客的博主 可靠画笔,最近开发中收集的这篇文章主要介绍uniapp如何设置导航栏隐藏显示,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

本教程操作环境: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如何设置导航栏隐藏显示所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(104)

评论列表共有 0 条评论

立即
投稿
返回
顶部