"app-plus": {
"softinputMode": "adjustResize"
}
softinputMode:软键盘弹起模式,有两个值:
- adjustResize:软键盘弹出时,webview 窗体高度挤压。屏幕高度=webview 窗体高度 + 软键盘高度
- adjustPan:软键盘弹出时,webview 窗体高度不变,但窗体上推,以保证输入框不被软键盘盖住
softinputMode 默认值为 adjustPan。
uniapp 安卓应用,输入法软键盘弹起的时候,默认是窗口顶起,页面遭受挤压。这个在登录注册等业务场景下没有问题,但是在论坛聊天业务下就不行了。
这个时候需要在 pages.json 配置下,在你需要配置的页面下配置"app-plus":{"softinputMode": "adjustResize"}
还有几个相关的常用:
- input 组件 @focus 事件,可以获取到当前弹起的输入法软键盘高度:
methods:{
focus(e){
let height = e.detail.height
}
}
- 获取当前窗体高度
onLoad() {
let screenHeight = uni.getSystemInfoSync().windowHeight;
}
- 获取当前屏幕状态栏高度
onLoad() {
let statusHeight= uni.getSystemInfoSync().statusBarHeight;
}
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于