uni-app 平板下首次启动tabbar显示不全 关闭后再打开或切换tabbar选项卡恢复正常

uni-app 平板下首次启动tabbar显示不全 关闭后再打开或切换tabbar选项卡恢复正常 产品分类： 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": "我的"  
        }]  
    }

更多关于uni-app 平板下首次启动tabbar显示不全 关闭后再打开或切换tabbar选项卡恢复正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

我这边通过hellouniapp示例测试并未复现问题。

更多关于uni-app 平板下首次启动tabbar显示不全 关闭后再打开或切换tabbar选项卡恢复正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


那会是什么问题引起我这种情况呢。。该怎么解决呢。。

回复 m***@foxmail.com: 没复现不清除原因。你提供下你的apk下载地址我们测试下看看

回复 DCloud_Android_ST: 已私信发您apk，麻烦帮看一下

回复 mysparrow: 应该是平板系统的bug。目前看发生问题时应用并没有触发沉浸式。目前已经记录该问题。会持续关注

回复 DCloud_Android_ST: 好的，感谢

回复 DCloud_Android_ST: 大佬我发现是什么问题导致的了， “globalStyle”: { “navigationStyle”: “custom” }, 在"navigationStyle": "custom"的时候会导致错位，我换成 “globalStyle”: { “navigationBarTextStyle”: “black”, “navigationBarTitleText”: “uni-app”, “navigationBarBackgroundColor”: “#F8F8F8”, “backgroundColor”: “#F8F8F8” }, 就显示正常了，可是我不想要他顶上的导航栏，下面不错位的是有顶部导航栏的，我要如何处理呢。。谢谢

回复 mysparrow: 你的描述自定义导航会导致问题复现是吧。你的应用必须要在平板上运行是吗

回复 DCloud_Android_ST: 我要上架小米应用商店，不兼容小米平板5他们不给上架。测试了下小米的手机都没问题，唯独平板会导致tabbar错位，不知道要怎么解决。。。所以求助于大佬

回复 mysparrow: appid发我下 或者apk下载地址

回复 DCloud_Android_ST: 已私信您下载地址，谢谢老大

回到顶部