uniapp安卓应用,输入法软键盘弹起,窗口顶起,变形解决办法

"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;  
        }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值