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

一、显示和隐藏TabBar

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

二、自定义 tabBar

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

两者比较，目前官方方式存在的问题有：

  • 某些情况下会引起bug，当我们打开一个非tab页面的时候，还是会显示底部导航栏。（最严重问题，会有bug）
  • 无法使用全局定义的样式，哪怕组件激活了addGlobalClass选项之后（不了解addGlobalClass的同学见文档：使组件接受全局样式）
  • 需要基础库>=2.5.0,有部分用户无法覆盖。当前版本分布情况
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 微信小程序进阶(1)-框架
    因新工作主要负责微信小程序这一块，最近的重心就移到这一块，该博客是对微信小程序整体的整理归纳以及标明一些细节点，初...
    majun00阅读 7,430评论 0赞 9
  • 微信小程序学习笔记。
    1.小程序起步 （1）点击https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon阅读 3,439评论 0赞 0
  • 21天告别拖延作业（第24天）不想长大
    #玩卡不卡·每日一抽# 每一位都可以通过这张卡片觉察自己： 1、直觉他叫什么名字？军 2、他几岁了？ 30 3、他...
    柳谊阅读 250评论 0赞 0
  • 记录我的老妈
    今天又是母亲节了，但我作为一个儿子，却从来没有给过妈妈一次礼物，没有正式的说过一次我爱你。我妈，作为一个农村的妇女...
    请我喝点卡卡HWRC21356阅读 261评论 5赞 1
  • 《22岁叫“盖研”》
    男孩子约有一米八的个儿，说着一嘴我听不懂的话，细声细气的。我是被他的小店牌匾上的名字吸引到的，简单又大方的两个粗笔...
    百古阅读 177评论 0赞 0