微信小程序技巧-01-TabBar的使用

一、显示和隐藏TabBar

// 显示
wx.showTabBar({})
// 隐藏
wx.hideTabBar({})

二、自定义 tabBar

1、第三方:小程序自定义tabBar再探索
2、官方:自定义 tabBar

两者比较,目前官方方式存在的问题有:

  • 某些情况下会引起bug,当我们打开一个非tab页面的时候,还是会显示底部导航栏。(最严重问题,会有bug)
  • 无法使用全局定义的样式,哪怕组件激活了addGlobalClass选项之后(不了解addGlobalClass的同学见文档:使组件接受全局样式)
  • 需要基础库>=2.5.0,有部分用户无法覆盖。当前版本分布情况

你可能感兴趣的:(微信小程序技巧-01-TabBar的使用)