uniapp自定义底部导航栏,uniapp导航栏设置图片

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: