注册会员
×

已有账号? 请点击

使用其他方式登录

小程序自定义菜单tabbar点击两次icon才能状态选中

发布2022-01-05 浏览76次

详情内容

在做微信小程序自定义菜单tabbar时,发现一个问题,需要点击两次icon才能状态选中,需要在每个tab菜单的对应页面的onShow方法里加入以下代码设置选中索引。

//自定义导航样式
    if(typeof this.getTabBar==='function' && this.getTabBar()){
      this.getTabBar().setData({
        selected:0
      })
    }

image.png

在这里插入图片描述

tabbar图标会出现闪的情况,只要把tabbar自定义组件的this.setData中的代码注释掉就可以解决tabbar图标闪烁的问题。

//完美解决,因为小程序路由跳转,tabbar会重新加载一次,就会有初始值,进入一个新的页面时,会先显示初始值,再显示设置的值,就会出现闪烁效果。

点击QQ咨询
开通会员
返回顶部
×
  • 微信支付
  • 支付宝付款
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载