zoukankan      html  css  js  c++  java
  • [Bug] uni-app 上下切屏tabbar底部导航显示问题

    有些手机切换应用的动画是上下切换,我使用官网的登录案例的时候发现这个问题,左右切换应用的手机没有问题
    上下切换就会出现
    荣耀6X测试出现tabbar
    解决方案
    第一种:

    (官网人员给出的解决方案)可以考虑这样处理下:
    在 manifest.json 源码视图中,app-plus 节点下新增 softinput 节点,然后设置 mode 为 adjustPan。

    复制代码"app-plus" : {
    /* 5+App特有相关 */
    "softinput" : {
    "mode" : "adjustPan"
    },
    ...
    }
    仅安卓生效且属于应用级配置,不能单页配置。在这种模式下,软键盘弹出不会再挤压窗口大小。

    但是,获取焦点的输入框位置不能在页面中太靠下,否则可能键盘弹出后遮挡住输入框。
    可能需要调整下设计,或者监听下获取焦点事件,主动向上滚动下页面来处理这种场景。

    补充:
    打包后该设置生效,使用登录模板打包后测试有效且没有再出现闪现首页 tabbar 的情况。
    第二种
    还有一种是一个同僚给我提的就是改用 nvue的格式 ,我自己实地测试确实是没有出现过这种问题

  • 相关阅读:
    数组、向量、矩阵的区别
    vue-cli3没有config.js文件的解决方法
    通用JS六
    通用JS五
    通用JS四
    通用JS三
    vue中sort排序与revers数据反序
    通用JS二
    VueX存储与本地存储以及会话存储的区别
    通用JS(一)
  • 原文地址:https://www.cnblogs.com/cyCalf/p/10689018.html
Copyright © 2011-2022 走看看