聊天uniapp 微信小程序以及安卓app键盘弹出会把底部fixed定位的textarea输入框覆盖掉的解决方法_uniapp 小程序 键盘 遮挡住了 输入框

采用此方法解决

1.设置pages.json文件

将pages.json文件在指定的页面中加入以下配置 “softinputMode”: “adjustResize”

{
    "path" : "pages/message/Chat",
        "style": {
        "app-plus": {
            "softinputMode": "adjustResize"
        }
    }
}

2.设置最外层页面高度应为 100vh

具体代码如下，将container的高度设置为100vh

<template>
    <view class="container">
        内容代码区域.......
    </view>
</template>

.container {
    height: 100vh;
}

注意：

虽然加了100vh后，但是聊天窗口底部还是会被遮挡，这怎么办那？办法就是：把内框view设置成95vh，小于100vh就行。