前言:
对于经常进行小程序开发的朋友来说,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组件不显示是什么原因的知识。速戳>>知识兔学习精品课!