php隐藏顶部导航,uniapp如何设置导航栏隐藏显示

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

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

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

最后重设titleNViewcurrentWebview.setStyle({

titleNView:titleNView

})

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

title: '新的标题'

});