采用此方法解决
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;
}
注意:文章来源:https://www.toymoban.com/news/detail-742715.html
虽然加了100vh后,但是聊天窗口底部还是会被遮挡,这怎么办那?办法就是:把内框view设置成95vh,小于100vh就行。文章来源地址https://www.toymoban.com/news/detail-742715.html
到了这里,关于聊天uniapp 微信小程序以及安卓app键盘弹出会把底部fixed定位的textarea输入框覆盖掉的解决方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!