uniapp自定义底部导航栏,uniapp导航栏设置图片
Uni设置导航栏的隐藏显示方式:首先获取当前页面上webview的对象实例;然后打印,找到要修改的数据;然后修改标题nview。autobackbutton=false最后重置titleNView。
UNI-APP开发(仿饿)开发课程:进入学习
本教程运行环境:windows7系统,Uni-App版本2.5.1。这个方法适用于所有品牌的电脑。
推荐(免费):uni-app开发教程
Uni动态显示/隐藏顶部导航栏的后退按钮。
uniapp动态修改顶部导航栏
获取当前页面的webview的对象实例。
let pages=getCurrentPages()
let page=pages[pages . length-1];
让currentWebview=page。$ getAppWebview();打印并找到要修改的数据。
let title nview=current webview . get style()。标题视图
console.log(标题视图)
//打印结果
{
autoBackButton: true,
backgroundColor: #F8F8F8 ,
dock: top ,
高度:44,
位置:停靠,
状态栏“:{},
标签:[],
titleColor: #000000 ,
TitleText :纸板仓储,
键入:默认
}然后修改
Titlenview . autoback button=false最后,title nview被重置。
currentWebview.setStyle({
标题视图:标题视图
})如果要修改导航栏标题,不需要上面的代码,只需要调用uni.setNavigationBarTitle()就可以了。如下
uni.setNavigationBarTitle({
标题:“新标题”
});以上就是uniapp如何设置导航栏隐藏显示的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。