微信小程序子页面TabBar不显示及跳转异常问题求助

1. 修改TabBar配置，让所有页面显示TabBar #

app.json中tabBar.list仅包含A、B、C页面，需将D、E也添加进去，这样所有页面加载时都会显示TabBar。修改后的完整配置如下：

{
  "pages": [
    "pages/A/A",
    "pages/B/B",
    "pages/C/C",
    "pages/D/D",
    "pages/E/E"
  ],
  "tabBar": {
    "color": "#8a8a8a",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "selectedColor": "#d4237a",
    "list": [
      {
        "text": "A",
        "pagePath": "pages/A/A"
      },
      {
        "text": "B",
        "pagePath": "pages/B/B"
      },
      {
        "text": "C",
        "pagePath": "pages/C/C"
      },
      {
        "text": "D",
        "pagePath": "pages/D/D"
      },
      {
        "text": "E",
        "pagePath": "pages/E/E"
      }
    ]
  },
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTextStyle": "black",
    "enablePullDownRefresh": true
  },
  "sitemapLocation": "sitemap.json",
  "style": "v2"
}

2. 调整页面跳转逻辑（从E跳转至B的场景） #

如果需要在页面E内通过按钮等方式手动跳转至B，必须使用switchTab API，不能使用navigateTo或redirectTo。示例代码如下：

// pages/E/E.js
jumpToPageB() {
  wx.switchTab({
    url: '/pages/B/B'
  })
}

关键规则说明 #

• 小程序仅会为tabBar.list中配置的页面显示TabBar，未配置的页面默认隐藏TabBar。
• 跳转至TabBar页面时，必须使用switchTab方法，该方法会自动关闭所有非TabBar页面，保证TabBar正常显示及功能可用。

内容的提问来源于stack exchange，提问作者Kanchana