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

操作步骤:

  1. 发行,原生App - 云打包
  2. 使用公共证书,打正式包,无广告
  3. 安心打包

预期结果:

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就好了。

回到顶部