uni-app中textarea输入框键盘弹起导致页面上移如何解决？

Question

uni-app textarea输入框，app聊天窗口键盘弹起时页面整体上移问题？

第一张图是设置"softinputMode": "adjustPan",安卓各个手机厂商表现都不一样，有的是好的，有的直接弹起
第一张图是设置"softinputMode": "adjustResize",这样自适应会出现中间区域闪现黑色，这个要怎么解决啊

Answer 1

参考这篇文章：uniapp取消页面上顶，输入框贴住键盘弹出

Answer 2

adjustPan
监听键盘高度
transform 手动上移

manifest.json

"softinputMode": "adjustPan"

页面逻辑

data() {
  return {
    keyboardHeight: 0
  }
},
mounted() {
  uni.onKeyboardHeightChange(res => {
    this.keyboardHeight = res.height
  })
}

输入框

<view
  class="input"
  :style="{ transform: translateY(-${keyboardHeight}px) }"
>
  <textarea :adjust-position="false"/>
</view>

消息区

<scroll-view :style="{ paddingBottom: keyboardHeight + 'px' }">
</scroll-view>