uni-app 底部tabar在点击后文字不见了

uni-app 底部tabar在点击后文字不见了

操作步骤：

  • 点击tabar

预期结果：

  • 正常显示

实际结果：

  • 文字一栏消失了

bug描述：

一进入没有问题， 只要点击下底部tabbar 文字就不显示了

bug图片

项目 信息
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 wind10
HBuilderX类型 正式
HBuilderX版本号 3.3.3
第三方开发者工具版本号 1.05
基础库版本号 2.16
项目创建方式 HBuilderX

更多关于uni-app 底部tabar在点击后文字不见了的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

用示例代码hello uni-app能出现你的问题吗？

更多关于uni-app 底部tabar在点击后文字不见了的实战教程也可以访问 https://www.itying.com/category-93-b0.html


不会，加入内容后会，有样式会引起冲突？

回复 3***@qq.com: 加入了什么内容，找出来具体原因后提供一个能复现你描述的bug的最小化demo（上传附件），让我们及时定位问题，及时修复。

回复 DCloud_UNI_Anne: 原因找到了。是因为刷新语言包的时候tabar的文字未定义引起的~~

问题是 模拟器竟然不报错~

这个问题通常是由于 tabBar 配置中 selectedIconPath 和 iconPath 的路径问题导致的。当点击 tabBar 时，如果 selectedIconPath 对应的图标文件不存在或路径错误，可能会导致文字消失。

请检查 pages.json 中的 tabBar 配置，确保 selectedIconPath 和 iconPath 的路径正确，且图标文件存在于项目中。例如：

"tabBar": {
  "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "static/tabbar/home.png",
      "selectedIconPath": "static/tabbar/home-active.png"
    }
  ]
}
回到顶部