小程序中tabbar组件不显示的原因有哪些

小编给大家分享一下小程序中tabbar组件不显示的原因有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

为黎城等地区用户提供了全套网页设计制作服务，及黎城网站建设行业解决方案。主营业务为网站制作、做网站、黎城网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

前言：

对于经常进行小程序开发的朋友来说，tabBar组件应该是大家非常熟悉的组件了。原以为我对它已经很了解了，但是今天的遭遇才让我彻底认清了它。今天如往常一样开发小程序，但是意外地发现，我设置了tabBar却没有显示，这是怎么回事？于是抱着疑惑开始慢慢排查问题。

解决思路如下：

首先 如果tabBar不显示，要排查所指向的页面是否进行了页面注册。如果没有注册的话，页面是找不到的。

其次 要确保路径的拼写正确，不知道为什么使用的Windows平台的微信开发工具，在设置tabBar的list时，并没有代码提示，所以只能自己拼写路径全称，这个时候一定要注意拼写的正确性，否则页面加载后，tabBar是找不到的，但是找不到 Console也不会报任何的错误，所以千万要注意路径的拼写，就像我 在设置list 的 pagePath 属性时，将  “Component” 写出了“Componnet”

最后，在页面路径确保正确的前提下，tabBar还是没有显示出来，尝试了好多次，最后找到原因，因为之前是做Android的，而Android中，也有一个类似的组件是 TabHost, TabHost包含在一个Activity中，包括指向的Activity(假设是3个Activity),共4个Activity,但是在微信小程序中，如果按照这样的模式，即一个页面包含三个页面的话，那么很抱歉，tabBar是不能正常显示的，在微信小程序中启动页面一定要包含在tabBar中，并且启动页必须是tabBar的list属性中的第一个元素，才能正常显示，Android的同学很容易在这个地方纠结。

以上是“小程序中tabbar组件不显示的原因有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！