5***@qq.com
5***@qq.com
  • 发布:2021-08-24 16:47
  • 更新:2022-04-18 17:51
  • 阅读:481

【报Bug】监听软键盘高度,使用HBuilderX运行时可以正常使用,打包为APP后失效。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10专业版

HBuilderX类型: 正式

HBuilderX版本号: 3.2.2

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: 华为P40

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<view class="noticeBottom" style="{'position': 'fixed','top': 'auto','left': 0,'right': 0,'bottom': commentFocus ? 0 : '-200rpx'}"> <view class="inputBox">
<input ref="noticeInput" v-model="commentVale" type="text" :focus="commentFocus" placeholder="commentFocus ? commentPla : '说点什么吧'" confirm-type="send" cursor-spacing="12" auto-blur="true" :adjust-position="false" @confirm="$u.throttle(dianpingClick, 500)" @blur="dianpingBlur" />
<view class="bqImgBox">
<image src="/static/icon_anniu.png" mode="aspectFill"></image>
</view>
</view>
<view class="btnBox" @click.stop="dianpingClick(123)">发布</view>
</view>

onShow() {
uni.onKeyboardHeightChange(res => {
console.log('键盘高度')
console.log(res.height)
if (res.height == 0) {
this.commentFocus = false
this.noticeFocus = false
}
})
},

操作步骤:

正常云端打包

预期结果:

打包后与HBuilderX运行一致

实际结果:

没有按预期进行弹出高度的计算

bug描述:

正常效果为运行到HBuilderX时,打包后显示为打包1-2JPG,无法进入监听键盘高度的方法。

2021-08-24 16:47 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

提供一个完整点的示例页面 我们这边测试验证下

  • 5***@qq.com (作者)

    进入不了 方法内

    2021-08-24 18:31

  • 5***@qq.com (作者)

    创建一个新的项目可以正常使用,有没有相关的配置和onKeyboardHeightChange 关联

    2021-08-24 18:32

  • DCloud_Android_ST

    回复 5***@qq.com: 没有相关配置 你可以试下新建的项目云打包后运行是否正常

    2021-08-24 18:52

  • 5***@qq.com (作者)

    回复 DCloud_Android_ST: 新建项目云打包正常,这个是有什么可能会影响呢

    2021-08-25 09:33

5***@qq.com

5***@qq.com (作者)

onReady() {
uni.showToast({
title: 'onReady',
icon: 'none'
})
uni.onKeyboardHeightChange(res => {
console.log('键盘高度')
console.log(res.height)
uni.showToast({
title: '键盘高度',
icon: 'none'
})
if (res.height == 0) {
this.commentFocus = false
} else {
this.commentFocus = true
}
this.inputHeight = res.height
})
},

6***@qq.com

6***@qq.com - .......

我也出现这个问题了

该问题目前已经被锁定, 无法添加新回复