yyyttt
yyyttt
  • 发布:2023-06-20 13:53
  • 更新:2023-07-04 15:23
  • 阅读:749

【报Bug】tabbar设置了iconWidth,android上图片有高度等比例缩放,ios上无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 13.01

HBuilderX类型: 正式

HBuilderX版本号: 3.8.4

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: iphone 12

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

"tabBar": {
// #ifdef MP-WEIXIN
"custom": true,
// #endif
"color": "#666666",
"selectedColor": "#1A1A1A",
"backgroundColor": "#ffffff",
"borderStyle": "white",
"height": "50px",
"iconWidth": "60px",
"fontSize": "10px",
"spacing": "5px",
"list": [{
"pagePath": "pages/tabbar/community",
"iconPath": "static/tabbar/community.png",
"selectedIconPath": "static/tabbar/community-active.png",
"text": ""
},
{
"pagePath": "pages/tabbar/device",
"iconPath": "static/tabbar/device.png",
"selectedIconPath": "static/tabbar/device-active.png",
"text": ""
},
{
"pagePath": "pages/tabbar/grow-helper",
"iconPath": "static/tabbar/grow-helper.png",
"selectedIconPath": "static/tabbar/grow-helper-active.png",
"text": ""
},
{
"pagePath": "pages/tabbar/shop",
"iconPath": "static/tabbar/shop.png",
"selectedIconPath": "static/tabbar/shop-active.png",
"text": ""
},
{
"pagePath": "pages/tabbar/personal",
"iconPath": "static/tabbar/personal.png",
"selectedIconPath": "static/tabbar/personal-active.png",
"text": ""
}
]
}

操作步骤:

如代码示例

预期结果:

ios上高度等比例缩放

实际结果:

ios上没有高度等比例缩放

bug描述:

根据官方文档配置tabBar,设置了iconWidth后,ios上没有高度等比例缩放

2023-06-20 13:53 负责人:DCloud_iOS_XHY 分享
已邀请:

最佳回复

DCloud

DCloud

HBuilderX 3.8.7.20230703 已修复。

DCloud_iOS_XHY

DCloud_iOS_XHY

示例工程测试没复现此问题,请上传一个复现问题的完整的示例工程吧

  • yyyttt (作者)

    已上传示例,请看评论

    2023-06-21 13:56

yyyttt

yyyttt (作者)

测试代码

  • DCloud_iOS_XHY

    宽高不等的图片适配有点问题,可以先换成宽高相等的图片

    2023-06-21 17:03

要回复问题请先登录注册