uni-app pad平板设备横屏进入后底部出现白条像重复底部导航 竖屏则无

uni-app pad平板设备横屏进入后底部出现白条像重复底部导航 竖屏则无

操作步骤:

  • 横屏进入APP会存在

预期结果:

  • 正常显示,没有多余的tabbar

实际结果:

  • 会出现多余的tabbar

bug描述:

工业pad 平板设备“横屏”进入后会在底部有个白条,看起来像是重复的底部导航,竖屏进入没有,切换竖屏再横屏后也会消失

另在webview 页面是隐藏 底部导航 的,“横屏”进入到webview 页面后,底部导航会显示,但是竖屏没有,切换到竖屏也会消失

在webview页面已尝试多种隐藏方式, 包含以下三种方式:

  1. uni.hideTabBar() 会输出 {"errMsg":"hideTabBar:fail not TabBar page"}
  2. .uni-tabbar-bottom {
        display: none;
    }
    
  3. "path": "pages/branch/flowChart",
    "style": {
        "navigationStyle": "custom" // 使用自定义导航栏,系统会关闭默认的原生导航栏
    } 
    
    
也无法隐藏

![Image 1](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20240816/b42c76b93dc30801ecbcd06fe1abb874.png)
![Image 2](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20240816/17390aa162241fa7547041ccfcb485cd.jpg)
![Image 3](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20240816/e14ea96c032b92ce7069f71370455086.jpg)
![Image 4](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20240816/ae648da26984fbab9a1e04d91d49705f.jpg)

更多关于uni-app pad平板设备横屏进入后底部出现白条像重复底部导航 竖屏则无的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部