解决键盘弹起上抬顶部的问题，绑定手势问题

最新推荐文章于 2024-09-27 15:52:57 发布

小远yyds

最新推荐文章于 2024-09-27 15:52:57 发布

阅读量160

点赞数 1

本文链接：https://blog.csdn.net/2301_80345482/article/details/142587016

版权

组件可见区域变化事件

onVisibleAreaChange

组件可见区域变化时触发该回调。键盘弹起时触发录音状态为默认，清空搜索框内容。

键盘避让

在键盘弹起时不会上抬页面的顶部区域，提高用户体验。可以设置虚拟键盘抬起时压缩页面大小为减去键盘的高度。

aboutToAppear(): void {
    // permissionPlugin.requestPermissions([
    //   'ohos.permission.MICROPHONE'
    // ])
    //   .then(() => {
    window.getLastWindow(getContext())
      .then(win => {
        win.getUIContext()

          .setKeyboardAvoidMode(KeyboardAvoidMode.RESIZE)//键盘模式为压缩模式
      })
    // })
}

绑定手势识别

手势识别成功后可以通过事件回调通知组件。

gesture ：绑定的手势类型。

onAction：响应手势事件

  //绑定长按手势，触发事件
.gesture(LongPressGesture()
        .onAction(() => {
        //开始录音
          this.startRecord()
        })
        .onActionEnd(() => {
        //结束录音
          this.closeRecord()
        })
        .onActionCancel(() => {
          this.closeRecord()
        }))