解决微信小程序picker被输入键盘遮盖情况
问题
在微信小程序中,当点击input后,立刻点击picker,则会触发这个bug。
触发条件: 切换动作要很快。IOS比较容易触发,安卓触发的概率较小。
出现bug原因(猜测): IOS的键盘动画较慢,在键盘升起的时候,立刻触发picker,就会导致键盘没有收回。
解决方案
<!-- index.wxml -->
<input type="text" placeholder="示例: 邓明豪博客(http://47.112.140.159)"></input>
<picker bind:tap="handleClick" class="picker" mode="date">时间选择器</picker>
const app = getApp()
Page({
data: {
},
// 防止picker被键盘遮盖
handleClick() {
// 设置两次,保证百分百触发
setTimeout(() => {
wx.hideKeyboard()
}, 500)
setTimeout(() => {
wx.hideKeyboard()
}, 1000)
}
})