收藏
评论

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

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


首先 如果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的同学很容易在这个地方纠结。

收藏

6 个评论

  • 李朝阳
    李朝阳
    2020-02-11

    感谢楼主,我是没有把index页放到TabBar里面。。一直不显示郁闷了好久

    2020-02-11
    赞同 6
    回复 2
    • Helloworld
      Helloworld
      2020-10-10
      非常感谢!我也遇到了这个问题
      2020-10-10
      1
      回复
    • 小羊🧁
      小羊🧁
      2024-06-07
      怎么写index在tabbar里的代码啊
      2024-06-07
      回复
  • 试试手气
    试试手气
    2021-04-29

    2021年4月29日了,这个 Bug居然还存在

    2021-04-29
    赞同 3
    回复
  • 小屁屁果🍑
    小屁屁果🍑
    2018-02-21

    在微信小程序中启动页面一定要包含在tabBar中,并且启动页必须是tabBar的list属性中的第一个元素,才能正常显示

    我就是没有把启动页面放进去,所以tabBar一直显示不出来orz

    终于解决啦


    不过貌似启动页不放在list的第一个元素也是可以的诶

    2018-02-21
    赞同 2
    回复 1
    • 神经蛙
      神经蛙
      2022-11-28
      卧槽这他妈的啥狗屁规定
      2022-11-28
      2
      回复
  • 兰家盛
    兰家盛
    2023-07-12

    谢谢楼主,卡了半天2333,之后想办法把主页隐藏了

    2023-07-12
    赞同
    回复
  • kk
    kk
    2021-03-04

    谢谢楼主,主要是启动页面没有放在tabbar

    2021-03-04
    赞同
    回复
  • Czz
    Czz
    2019-05-18

    楼主果然厉害,同样是做Android的我跳进最后一个坑里一个小时,还好有楼主,感谢

    2019-05-18
    赞同
    回复
登录 后发表内容