uni-app 生成apk时底部栏tabbar图片不显示 且高度过高
uni-app 生成apk时底部栏tabbar图片不显示 且高度过高
| 信息类别 | 详细信息 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境 | Mac |
| PC版本号 | catalina 10.15.6 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 3.1.7 |
| 手机系统 | Android |
| 手机版本号 | Android 9.0 |
| 手机厂商 | 华为 |
| 手机机型 | 荣耀 |
| 页面类型 | vue |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
操作步骤:
- 发行,原生App - 云打包
- 使用公共证书,打正式包,无广告
- 安心打包
预期结果:
tabbar正常
实际结果:
tabbar图片不显示,且高度过高
bug描述:
生成apk底部栏tabbar图片不显示,且高度是正常的两倍
"tabBar": {
"color": "#FFFFFF",
"selectedColor": "#EDC67B",
"borderStyle": "black",
"backgroundColor": "#212121",
"height": "100rpx",
"iconWidth": "40rpx",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/tabbar-homepage.png",
"selectedIconPath": "static/tabbar-homepage-selected.png",
"text": "首页"
}, {
"pagePath": "pages/trade/trade",
"iconPath": "static/tabbar-trade.png",
"selectedIconPath": "static/tabbar-trade-selected.png",
"text": "交易"
}, {
"pagePath": "pages/machine/my-machine",
"iconPath": "static/tabbar-machine.png",
"selectedIconPath": "static/tabbar-machine-selected.png",
"text": "算力"
}, {
"pagePath": "pages/profits/profits",
"iconPath": "static/tabbar-profits.png",
"selectedIconPath": "static/tabbar-profits-selected.png",
"text": "收益"
}, {
"pagePath": "pages/mine/mine",
"iconPath": "static/tabbar-mine.png",
"selectedIconPath": "static/tabbar-mine-selected.png",
"text": "我的"
}]
}

更多关于uni-app 生成apk时底部栏tabbar图片不显示 且高度过高的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app 生成apk时底部栏tabbar图片不显示 且高度过高的实战教程也可以访问 https://www.itying.com/category-93-b0.html
知道了。tabbar单位用的rpx,可能转换有问题,用px就好了。

