微信小程序底部的tabbar问题记录

一、先上demo的效果图如下：

二、开发中遇到的问题记录

1、app.json配置文件中的key是tabBar（B大写），而不是tabbar，否则报错“无效的 appJSON["tarbar"]”

2、tabBar不显示的问题：

原因是app.json的pages字段中的页面配置顺序不对，错误写法如下：

"pages": [

    "pages/index/index",

    "pages/home/home",

    "pages/liveVideo/liveVideo"

  ],

正确的做法是：tabbar的第一个页面要写在index的前面，如下

"pages": [

    "pages/home/home",

    "pages/index/index",

    "pages/liveVideo/liveVideo"

  ],

3、图片的iconPath找不到文件：这个是由于文件名没有写后缀.png，跟ios开发中可以省略后缀不一样。