小小修真者

发布：2024-05-23 13:47
更新：2024-05-23 14:46
阅读：171

【报Bug】安卓的tabBar出现问题，不显示图片且高度异常

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11

HBuilderX类型：正式

HBuilderX版本号： 4.15

手机系统： Android

手机系统版本号： Android 13

手机厂商：小米

手机机型： 10pro

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

复制代码    "tabBar": {  
        "backgroundColor": "white",  
        "color": "#999999",  
        "selectedColor": "#45467A",  
        "borderStyle": "white",  
        "height": "120rpx",  
        "spacing": "8rpx",  
        "iconWidth": "48rpx",  
        "list": [...  
        ]  
    },

操作步骤：

复制代码    "tabBar": {  
        "backgroundColor": "white",  
        "color": "#999999",  
        "selectedColor": "#45467A",  
        "borderStyle": "white",  
        "height": "120rpx",  
        "spacing": "8rpx",  
        "iconWidth": "48rpx",  
        "list": [...  
        ]  
    },

预期结果：

希望app端正常显示

实际结果：

app端显示异常

bug描述：

H5和小程序是正常的，安卓调试图片没有，且高度很大，程序没有对tabbar做额外的处理，ui用的uview，1年前的项目

2024-05-23 13:47 负责人:无分享

2 个回复

小小修真者 (作者)

而且uview的uicon都不正常显示了，之前都好好的，不知道哪个版本开始出现的，uview也更新到了最新版本

套马杆的套子 - 没有解决不了的问题，只有解决不完的问题

把iconWidth去掉，重新运行下

小小修真者 (作者)

还真是"height": "120rpx", "spacing": "8rpx", "iconWidth": "48rpx",这三个值的原因，之前有想过是这个原因，注释过，没想过，必须卸载本地重装

2024-05-23 16:07

要回复问题请先登录或注册

【报Bug】安卓的tabBar出现问题，不显示图片且高度异常

示例代码：

复制代码`"tabBar": { "backgroundColor": "white", "color": "#999999", "selectedColor": "#45467A", "borderStyle": "white", "height": "120rpx", "spacing": "8rpx", "iconWidth": "48rpx", "list": [... ] },`

操作步骤：

复制代码`"tabBar": { "backgroundColor": "white", "color": "#999999", "selectedColor": "#45467A", "borderStyle": "white", "height": "120rpx", "spacing": "8rpx", "iconWidth": "48rpx", "list": [... ] },`

预期结果：

希望app端正常显示

实际结果：

app端显示异常

bug描述：

2 个回复

公告

相关问题

【报Bug】安卓的tabBar出现问题，不显示图片且高度异常

示例代码： 复制代码 "tabBar": { "backgroundColor": "white", "color": "#999999", "selectedColor": "#45467A", "borderStyle": "white", "height": "120rpx", "spacing": "8rpx", "iconWidth": "48rpx", "list": [... ] },

操作步骤： 复制代码 "tabBar": { "backgroundColor": "white", "color": "#999999", "selectedColor": "#45467A", "borderStyle": "white", "height": "120rpx", "spacing": "8rpx", "iconWidth": "48rpx", "list": [... ] },

预期结果： 希望app端正常显示

实际结果： app端显示异常

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

示例代码：

复制代码`"tabBar": { "backgroundColor": "white", "color": "#999999", "selectedColor": "#45467A", "borderStyle": "white", "height": "120rpx", "spacing": "8rpx", "iconWidth": "48rpx", "list": [... ] },`

操作步骤：

复制代码`"tabBar": { "backgroundColor": "white", "color": "#999999", "selectedColor": "#45467A", "borderStyle": "white", "height": "120rpx", "spacing": "8rpx", "iconWidth": "48rpx", "list": [... ] },`

预期结果：

希望app端正常显示

实际结果：

app端显示异常