当前位置:   article > 正文

微信小程序自定义tabbar容易遇到的问题_小程序tabbar自定义不加载onshow

小程序tabbar自定义不加载onshow

1.自定义tabbar不生效:

  原因文件名称不正确,必须使用custom-tab-bar命名

2.切换延迟问题,如A→B,需要点击两次icon才能正确选中

  解决方法如下:

   在跳转的页面的show生命周期里面加上,selected是custom-tab-bar里面当前设置选中下标的参数名,而值是对应tabbar数组里面对应的下标

  1. onShow(){
  2. if (typeof this.getTabBar === 'function' && this.getTabBar()) {
  3. this.getTabBar().setData({
  4. selected: 2,
  5. active: getApp().globalData.selected
  6. })
  7. console.log(this.getTabBar().__data__.selected)
  8. this.setData({
  9. active:this.getTabBar().__data__.selected
  10. })
  11. }
  12. }

 3.切换闪烁问题:

  如A→B,切换的时候页面会闪烁一下,解决方法:

  注释掉custom-tab-bar里面index.js里切换事件的this.setData

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/89949
推荐阅读