踩一踩微信小程序开发的坑---tabBar

最近忙于开发视频直播的项目，小程序学习也放置了两三个星期了，web开发者工具更新到新版，发现上个版本作的demo不显示了😨，仔细的检查代码和上网求救，都没用，最后随手那么的按两个键(真的是随手一按，都没想到会解决)就行了，总结下tabBar控件吧。

1，书写，正确书写时tabBar，不要写成tabbar，我看新版的如今有自动补全了，这个应该不会成问题

2，这个问题很差找，当建立新工程时，app.json中Pages配置是这样的

首页默认的是index的目录，若是添加新的页面，不在pages中添加index目录，也会致使tabBar不显示，以下图：

在配置中加入index目录

 

3，tabBar属性的要求，官方教程微信小程序官方教程

画重点，tabBar中list的个数最少2个，最多5个。list中每一个对象的属性值iconPath和selectedIconPath我试了一下，能够不填写，不知道之后会不会改，建议在项目中添加图片。

4，这个就是随手一按解决的(shift+【   键)，这个坑隐藏的很深，第一个目录中的.json中，无论配置不配置其它数据，必需要加一个{}😭。

 

最后显示出来了

本身经历的就这么多，若是还有其余漏掉的，欢迎补充。

 

若是以为个人文章对您有用，请用微信扫描下面的二维码随意打赏。您的支持将鼓励我继续创做！