uni-app tabbar切换时键盘事件导致键盘忽隐忽现

uni-app tabbar切换时键盘事件导致键盘忽隐忽现

我发布了一个app后，客户在使用中反应，切换窗口的时候底部tabbar出现在登陆界面

后我用自己的手机测试发现确实有这种问题，因为用的uni-app配置的所以望大神官网小哥哥能帮我解惑
感激~~~

app运行环境

| 设备       | 版本       | 型号        |
|------------|------------|-------------|
| 华为 Honor6x | 安卓版本 8.0.0 | BLN-AL10    |

联系方式

qq

http://v.youku.com/v_show/id_XMzk4MjI2NzMyNA==.html?spm=a2h3j.8428770.3416059.1
http://v.youku.com/v_show/id_XMzk4MjI2NzAwMA==.html?spm=a2h3j.8428770.3416059.1

更多关于uni-app tabbar切换时键盘事件导致键盘忽隐忽现的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

请上传一个可以重现问题的测试项目，方便测试并确认下问题。
参考 http://ask.dcloud.net.cn/question/63760 中的方案处理。

更多关于uni-app tabbar切换时键盘事件导致键盘忽隐忽现的实战教程也可以访问 https://www.itying.com/category-93-b0.html


老师你好 uni-app 自带的登陆模板也有这样的问题也能重现

其他安卓机型有这个问题吗？

回复 DCloud_UNI_GSQ: 也有的但只是 输入框来回切换的时候 会隐约看到tabbar 内容 另外我们测试发现 切换应用的时候 如果是 应用时 左右这种轮播切换不会出现 tabbar 但如果是 上下 切换 tabbar 就会显示出来（列如华为的6X） 幸苦老师继续跟进

这个问题的原因是当键盘弹出时，系统会调整页面布局，而tabbar的显示状态没有正确处理键盘事件导致的布局变化。在uni-app中，可以通过以下方式解决：

  1. 在登录页面的onLoad或onShow生命周期中，强制隐藏tabbar：
uni.hideTabBar()
  1. 在manifest.json中配置键盘弹出时的窗口调整方式：
"app-plus": {
  "softinputMode": "adjustPan"
}
  1. 或者使用条件编译针对安卓平台单独处理：
// #ifdef APP-PLUS
plus.webview.currentWebview().setStyle({
  softinputMode: "adjustPan"
})
// #endif
回到顶部