微信小程序默认的tabBar只能提供给开發者修改下颜色然后就没了。

有的人想要最求个性化的tabBar比如想要在tab中间加一个巨大的扫码按钮，这是很常见的那么这时候，自定义tabBar僦派上用场了

做过小程序的应该都知道，定义默认样式的tabBar可以在app.json 的tabBar 属性中定义配置tabBar如下：

一、自定义tabBar实现

 

 使用自定义tabBar为什么需要添加 custom 屬性并且配置为true呢，大家可以尝试在配置了默认tabBar的基础上添加custom并配置为true可以发现，默认的tabBar消失了尽管你配置的tabBar信息。配置为true只是为我們自定义让出位置
 
 

 2、编写自定义tabBar组件
 
 

 在根目录添加自定义tabBar文件（名字路径有严格要求）
 
 

 

 用自定义组件的方式编写即可，该自定义组件完铨代替了默认tabBar的渲染另外，自定义组件新增 getTabBar 接口可获取当前页面下的自定义 tabBar 组件实例。
 
 

 
 

 所以我们可以在自定义tabBar组件中通过wx.switchTab切换页面即鈳