微信小应用中tabBar不显示的坑

     今刚开始学习微信小应用，作为初学者，发现了一特别容易犯错的地方，分享出来。

      tabBar不显示，这个问题弄的我摸不着头脑，其实仔细检查下，就会发现这个很容易避免，自己总结了几点，希望指正。

1、tabBar的书写，容易写成tabbar。（我就是这么笨死在这个坑里的）；

2、tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。(引用官方说明https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=1475052055756)，就是说你配置的页面数少于2个或者多于5个；

3、tabBar的属性没有填写完整也就是必要的属性没有设置；

属性说明：

属性	类型	必填	默认值	描述
color	HexColor	是		tab 上的文字默认颜色
selectedColor	HexColor	是		tab 上的文字选中时的颜色
backgroundColor	HexColor	是		tab 的背景色
borderStyle	String	否	black	tabbar上边框的颜色， 仅支持 black/white
list	Array	是		tab 的列表，详见 list 属性说明，最少2个、最多5个 tab

4、在app.json中pages里面的第一个页面不是tabBar的list中 pagePath中的任意一个，

"pages":[
    "pages/index/index",（第一个）
    "pages/logs/logs",
    "pages/Home/home"
  ],

"list":[{
      "pagePath":"pages/demo/sdemo",
      "text":"首页",
    },{
      "pagePath":"pages/logs/logs",
      "text":"日志",
    },{
      "pagePath":"pages/Home/home",
      "text":"主页",
    }]

如上代码就不会显。

 

总结的还不够全面，还有其他情况，欢迎大家指正。

 

转载于:https://my.oschina.net/u/2943323/blog/756043