小程序开发-小程序tabBar不显示的原因分析

小程序开发-小程序tabBar不显示的原因分析

在尝试小程序开发时，tabBar这个是个非常常见的组件，但是今天在进行开发时，设置了TabBarb并没有显示，被这个问题困扰了近半小时，现在将排查问题后所得到的经验记录下来。

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

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

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