MiniApp-TabBar不显示?

想在项目中加入原生的tabbar,根据文档,在app.js中添加了想要显示的页面,但怎么也显示不出来。检查了好久发现需要将Pages文件夹中(app.json)中所有注册的页面都在tabbar属性里进行配置,缺一不可。

同时,官方原生tabbar会显示在每个页面下方,不能指定在特定页面显示。可以通过模拟tabbar为组件,实现指定页面显示。

"tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#11cd6e",
    "borderStyle": "black",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "Check-In",
        "iconPath": "images/index0.png",
        "selectedIconPath": "images/index1.png"
      },
      {
        "pagePath": "pages/gymNearby/gymNearby",
        "text": "GYMs Radar",
        "iconPath": "images/gymNearby0.png",
        "selectedIconPath": "images/gymNearby1.png"
      },
      {
        "pagePath": "pages/bodyMeasure/bodyMeasure",
        "text": "Body Track",
        "iconPath": "images/bodyMeasure0.png",
        "selectedIconPath": "images/bodyMeasure1.png"
      },
      {
        "pagePath": "pages/fitPlan/fitPlan",
        "text": "Fitness Plan",
        "iconPath": "images/fitPlan0.png",
        "selectedIconPath": "images/fitPlan1.png"
      }
    ]
  }