Rumah > hujung hadapan web > uni-app > teks badan

uniapp如何设置导航栏隐藏显示

藏色散人
Lepaskan: 2020-12-22 17:26:34
asal
11428 orang telah melayarinya

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

uniapp如何设置导航栏隐藏显示

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

推荐(免费):uni-app开发教程

uniapp动态显示/隐藏顶部导航栏返回按钮

uniapp动态修改顶部导航栏

获取当前页面 webview 的对象实例

let pages = getCurrentPages()
let page = pages[pages.length - 1];
let currentWebview = page.$getAppWebview();
Salin selepas log masuk

打印,找到需要修改的数据

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"
}
Salin selepas log masuk

然后修改

titleNView.autoBackButton = false
Salin selepas log masuk

最后重设titleNView

currentWebview.setStyle({
titleNView:titleNView
})
Salin selepas log masuk

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

uni.setNavigationBarTitle({
   title: '新的标题'
});
Salin selepas log masuk

Atas ialah kandungan terperinci uniapp如何设置导航栏隐藏显示. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan