【微信小程序】微信小程序tabBar使用中不显示问题

目录

微信小程序中tabBar配置

tabBar配置好以后不显示的解决方法

---

微信小程序中tabBar配置

微信小程序中下方的tabBar如何配置很多刚刚接触小程序的同学，有些懵。这里给你一个详细的配置文档：

小程序配置 | 微信开放文档

具体配置代码如下：

  "tabBar": {
    "list": [
      {
        "pagePath": "pages/moving/index",
        "iconPath": "pages/images/card.png",
        "selectedIconPath": "pages/images/card_select.png",
        "text": "首页"
      },
    ]
  }

tabBar：是我们指定了内部配置为小程序的tabBar，

list：则是我们具体的tabBar的列表

pagePath：指定的是我们点击此tabBar要跳转显示的页面

iconPath：指的是我们在未点击选中此tabBar时显示的icon

selectedIconPath：指的是我们点击选中此tabBar后需要展示的高亮icon

text：指的是我们的此tabBar要展示的按钮名称

tabBar配置好以后不显示的解决方法

• 查看一下我们的tabBar中引用的页面是否已经注册到了pages中，若这个页面没有注册，则应 改及时调整，注册页面到pages中
• 如果页面已经注册了，仍然没有显示，那么需要看一下页面应用的路径是否出现了错误，如果有则要纠正，没有的话，就看下面的解决方法
• 上面两条都没有问题的话，tabBar仍然没有显示，那么就要具体根据下面的指引操作了：

1. 小程序启动是加载的页面路径，必须是在tabBar中的路径，并且他还必须是tabBar中的List属性的一个元素。

上面这三种都检查完了，如果你仍然没有显示，那么你就要查看你的控制台是否报错了！！！

好了，今天关于小程序tabBar的问题就讲解到这。欢迎大家点击下方卡片，关注我的公众号《coder练习生》