微信小程序底部的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开发中可以省略后缀不一样。

你可能感兴趣的:(微信小程序底部的tabbar问题记录)