微信小程序自定义tabBar有哪些坑点，你的实践记录有哪些经验分享？

本文共计1413个文字，预计阅读时间需要6分钟。

微信官方文档对自定义tabBar的描述较为简略，在开发自定义tabBar过程中，我遇到了不少难题。因此，在此做一个总结。

我使用Vant Weapp作为UI组件库，以下以该组件库为例。

自定义tabBar的步骤如下：

1. 定义tabBar

2.创建tabBar页面

3.配置tabBar页面与页面之间的跳转

微信官方文档对自定义 tabBar 的阐述较为潦草，在开发自定义 tabBar 过程中我踩了很多坑，因此在此处做个总结。

我使用 Vant Weapp 作为 UI 组件库，下面以此组件库为例。

定义 tabBar

创建自定义 tabBar 文件

创建一个与 /pages 的同级目录，命名为 /custom-tab-bar，注意目录层级与目录命名问题，不可用其他名称命名。