"tabBar": {
"color": "#7A7E83",
"selectedColor": "#4f83ed",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/home.png",
"selectedIconPath": "static/homefill.png",
"text": "首页"
}, {
"pagePath": "pages/index/specs",
"iconPath": "static/specs.png",
"selectedIconPath": "static/specsfill.png",
"text": "规格"
}, {
"pagePath": "pages/index/my",
"iconPath": "static/my.png",
"selectedIconPath": "static/myfill.png",
"text": "我的"
}]
} 
mysparrow
- 发布：2022-01-20 11:27
- 更新：2022-01-20 11:44
- 阅读：519
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 3.3.5
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 小米平板5
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
"tabBar": {
"color": "#7A7E83",
"selectedColor": "#4f83ed",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/home.png",
"selectedIconPath": "static/homefill.png",
"text": "首页"
}, {
"pagePath": "pages/index/specs",
"iconPath": "static/specs.png",
"selectedIconPath": "static/specsfill.png",
"text": "规格"
}, {
"pagePath": "pages/index/my",
"iconPath": "static/my.png",
"selectedIconPath": "static/myfill.png",
"text": "我的"
}]
}
"tabBar": {
"color": "#7A7E83",
"selectedColor": "#4f83ed",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/home.png",
"selectedIconPath": "static/homefill.png",
"text": "首页"
}, {
"pagePath": "pages/index/specs",
"iconPath": "static/specs.png",
"selectedIconPath": "static/specsfill.png",
"text": "规格"
}, {
"pagePath": "pages/index/my",
"iconPath": "static/my.png",
"selectedIconPath": "static/myfill.png",
"text": "我的"
}]
} 实际结果：
"tabBar": {
"color": "#7A7E83",
"selectedColor": "#4f83ed",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/home.png",
"selectedIconPath": "static/homefill.png",
"text": "首页"
}, {
"pagePath": "pages/index/specs",
"iconPath": "static/specs.png",
"selectedIconPath": "static/specsfill.png",
"text": "规格"
}, {
"pagePath": "pages/index/my",
"iconPath": "static/my.png",
"selectedIconPath": "static/myfill.png",
"text": "我的"
}]
}
"tabBar": {
"color": "#7A7E83",
"selectedColor": "#4f83ed",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/home.png",
"selectedIconPath": "static/homefill.png",
"text": "首页"
}, {
"pagePath": "pages/index/specs",
"iconPath": "static/specs.png",
"selectedIconPath": "static/specsfill.png",
"text": "规格"
}, {
"pagePath": "pages/index/my",
"iconPath": "static/my.png",
"selectedIconPath": "static/myfill.png",
"text": "我的"
}]
} bug描述：
在平板下首次启动tabbar会显示不全，关闭后再打开或者切换一下tabbar选项卡再切回首页又正常了，手机的话没有发现这个问题，测试了小米平板5及小米平板5pro都会这个问题。
附件图1是首次启动app后首页的tabbar的样子，
附件图2是关闭app后再打开的tabbar的样子。
mysparrow (作者)
那会是什么问题引起我这种情况呢。。该怎么解决呢。。
2022-01-20 12:19
DCloud_Android_ST
回复 m***@foxmail.com: 没复现不清除原因。你提供下你的apk下载地址我们测试下看看
2022-01-20 12:20
mysparrow (作者)
回复 DCloud_Android_ST: 已私信发您apk，麻烦帮看一下
2022-01-20 12:26
DCloud_Android_ST
回复 mysparrow: 应该是平板系统的bug。目前看发生问题时应用并没有触发沉浸式。目前已经记录该问题。会持续关注
2022-01-20 16:25
mysparrow (作者)
回复 DCloud_Android_ST: 好的，感谢
2022-01-20 16:34
mysparrow (作者)
回复 DCloud_Android_ST: 大佬我发现是什么问题导致的了，
"globalStyle": {
"navigationStyle": "custom"
},
在"navigationStyle": "custom"的时候会导致错位，我换成
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
就显示正常了，可是我不想要他顶上的导航栏，下面不错位的是有顶部导航栏的，我要如何处理呢。。谢谢
2022-02-17 16:36
DCloud_Android_ST
回复 mysparrow: 你的描述自定义导航会导致问题复现是吧。你的应用必须要在平板上运行是吗
2022-02-17 17:20
mysparrow (作者)
回复 DCloud_Android_ST: 我要上架小米应用商店，不兼容小米平板5他们不给上架。测试了下小米的手机都没问题，唯独平板会导致tabbar错位，不知道要怎么解决。。。所以求助于大佬
2022-02-17 17:28
DCloud_Android_ST
回复 mysparrow: appid发我下 或者apk下载地址
2022-02-17 17:29
mysparrow (作者)
回复 DCloud_Android_ST: 已私信您下载地址，谢谢老大
2022-02-17 17:39