详细问题描述
安卓手机上真机运行,使用textarea组件的时候动态设置获取焦点属性后,首次唤起键盘会一闪而过,唤起键盘马上消失
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
在uniapp默认模板中,创建一个textarea组件,初始化值设置为false,然后通过按钮去控制focus属性为true,安卓手机会唤起键盘,一闪而过以后键盘消失,但是后续点击后会正常显示
重现步骤
[步骤]
在uniapp默认模板中,创建一个textarea组件,初始化值设置为false,然后通过按钮去控制focus属性为true,安卓手机会唤起键盘,一闪而过以后键盘消失,但是后续点击后会正常显示。
[结果]
安卓手机会唤起键盘,一闪而过以后键盘消失,苹果手机正常显示
[期望]
安卓手机键盘正常显示,不会一闪而过
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX
[IDE版本号]
[windows版本号]
windo10
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
app
[运行端版本号]
2.6.15
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]
v3模式
App运行环境说明
[Android版本号]
android10版本
[iOS版本号]
苹果手机正常显示
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{ title }}</text>
<textarea :value="data" placeholder="请输入评论..." :focus="isTrue" @blur="cancel" @focus="comfirm" />
</view>
<button @click="tab" type="default">弹出键盘</button>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
data: '',
isTrue: false
};
},
onLoad() {},
methods: {
cancel() {
setTimeout(() => {
this.isTrue = false;
}, 150);
},
comfirm() {
setTimeout(() => {
this.isTrue = true;
}, 150);
},
tab() {
if(!this.isTrue){
this.comfirm();
}else{
this.cancel();
}
},
}
};
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
联系方式
459114173
[QQ]
2***@qq.com
我也出现了这个问题 但是只要弹出过一次软键盘就再也不会复现了
2021-05-19 11:43
2***@qq.com
hbuiderx创建的项目 版本3.1.12.20210428 小程序
2021-05-19 11:44
2***@qq.com
<view>
<u-button type="primary" size="medium" shape="circle" @click="addComment">发布</u-button>
</view>
</view>
</view>
2021-05-19 11:45
DCloud_UNI_GSQ
回复 2***@qq.com: 如果是微信小程序需要反馈到微信小程序社区
2021-05-19 14:52