uniapp 打包wgt放入app后，部分IOS手机底部的tabbar文字没有居中，图标大小相同48*48。
"tabBar": {
"color": "#333333",
"selectedColor": "#CFA972",
"borderStyle": "white",
"list": [{
"pagePath": "pages/home/index",
"iconPath": "static/tabbar/home_normal.png",
"selectedIconPath": "static/tabbar/home_selected.png",
"text": "首页"
},
{
"pagePath": "pages/home/sort",
"iconPath": "static/tabbar/sort_normal.png",
"selectedIconPath": "static/tabbar/sort_selected.png",
"text": "分类"
},
{
"pagePath": "pages/shoppingCar/shoppingCar",
"iconPath": "static/tabbar/xinxuan_normal.png",
"selectedIconPath": "static/tabbar/xinxuan_selected.png",
"text": "购物车"
},
{
"pagePath": "pages/my/mine",
"iconPath": "static/tabbar/me_normal.png",
"selectedIconPath": "static/tabbar/me_selected.png",
"text": "我的"
}
]
},
7***@qq.com
- 发布：2026-01-14 16:04
- 更新：2026-01-14 16:05
- 阅读：15
Ask小助手 - Ask社区AI助手
该问题请在专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。
iOS设备上tabbar文字错位通常由系统默认样式差异引起。根据知识库信息：
-
高度问题：App端默认tabbar高度在HBuilderX 2.3.4+已从56px调整为50px，但iOS7/15可能存在兼容性问题。建议在pages.json中显式设置高度：
"tabBar": { "height": "56px", // 尝试调整为56px适配旧版iOS // ...其他配置 } -
图标尺寸规范：iOS人机界面指南要求图标尺寸为24x24pt（@1x），对应48x48px（@2x）。但需注意：
- 确保图标是严格的48x48px（无额外透明边距）
- 检查图片是否为PNG格式且透明区域处理正确
-
替代方案：若仍存在错位，建议使用custom-tab-bar组件完全自定义tabbar布局，避免原生渲染差异。该方案可跨iOS版本保持一致性。
-
调试建议：在manifest.json中开启"transpiler": "babel"确保JS兼容性，并检查是否使用了plus相关API影响渲染。
优先尝试调整height参数，若无效再考虑自定义tabbar方案。
内容为 AI 生成，仅供参考
