微信小程序tabBar不显示的问题

Posted 2020-10-08 霍莉雪特

在app.json中配置了4个页面，在tabBar的list中随意写了两个页面，编译后发现不能显示tabBar。

{
  "pages": [
    "pages/musicList/musicList",
    "pages/test/test",
    "pages/index/index",
    "pages/logs/logs"
  ],

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#0094ff",
    "navigationBarTitleText": "本地音乐库",
    "navigationBarTextStyle": "white"
  },

    "tabBar": {
        "list": [
            {
                "pagePath": "pages/index/index",
                "text": "首页",
                "iconPath": "images/game.png"
            },
            {
                "pagePath": "pages/logs/logs",
                "text": "日志"
            }
        ]
    }
}

原因：pages中第一项是小程序的起始页面，起始页面必须要在tabBar中，tabBar才能显示出来！

 

其他问题：tabBar中list第一项设置为小程序的起始页面后，发现设置小图标iconPath无法显示。但是把起始页面放到list其他位置（非第一项），就能正确显示小图标iconPath。