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;  
        }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章