解决小程序在iPhone上tabbar的文字显示不出的问题

TreasureÂ°

于 2020-04-21 12:17:47 发布

阅读量2.4k

点赞数 2

分类专栏： Taro 文章标签：小程序

本文链接：https://blog.csdn.net/weixin_43582313/article/details/105655145

版权

在小程序开发中，遇到一个iPhone设备上TabBar文字显示异常的问题。经过排查，发现是颜色设置不完整导致的。解决方案是将颜色值改为16进制并确保颜色代码完整，从而解决了TabBar在iOS上的显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近开发的小程序已经上线，手机端和微信开发者工具没有问题，但是同事用苹果手机测试发现tabbar显示有问题，可以点击，但是点击另一个其他的就没了，如图在这里插入图片描述
找了很多地方，在社区翻了半天也没有看到合适的解答。后面终于发现了问题所在，做一个记录。

原先tabbar是这么写的

 tabBar: {
   
      color: "gray",
      selectedColor: "#6e9eea",
      backgroundColor: "#fff",
      borderStyle: "black"