前言：

对于经常进行小程序开发的朋友来说，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组件不显示是什么原因的详细内容，更多请关注群英网络其它相关文章！

（来源：微信开放社区）

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 小程序语音，文字，图片功能以及实现代码

  本栏目讲解可以创建群，邀请群成员，群成员列表展示，图片发送，设置群公告，踢人，全体禁言，个人禁言，发送语音信息等功能，有需要的朋友可以看看。

• 如何能让小程序速度大大提高？

  以前看到过一篇关于提高小程序应用速度的文章，文章主要讲述了如何实现小程序在触发页面跳转前就请求协议，利用跳转页面的短短200~300ms的时间，获取到数据并渲染到页面上，实现数据在小程序页面中预加载。

• 微信小程序用户授权登录怎样操作？

  本栏目详细讲解微信小程序开发的用户授权登录流程，讲解详细明了，有需要的朋友可以看看，收藏学习一下，欢迎评论区留言。

• 小程序开发小游戏有哪些需要注意的细节？

  今天研究小游戏开发，总结了一些自己遇到的问题，在这里列出来，有需要的朋友可以看看，有问题欢迎讨论。

• 小程序开发使用G口大带宽的原因

  如何选择靠谱的小程序开发公司？为何小程序上线首选G口大带宽？微信计划诞生以来，这种即走即轻的属性备受瞩目，支付宝、今日头条、百度等互联网巨头纷纷增加了小程序的入口。 据悉，虽然企业对租用服务器​开发小程序的需求逐渐增加，但许多企业不具备小程序开发能力，小程序开发也成为近两年来大势所趋的行业。