鸿蒙如何监听键盘高度变化

let screenHeight: number = 0;
display.getAllDisplays((err, data) => {
  screenHeight = data[0].height
  console.log('height---', screenHeight)
})

let keyboardHeight: number = 0;
window.getLastWindow(getContext(this)).then(currentWindow {
  currentWindow.on('keyboardHeightChange', (data: number) => {
    keyboardHeight = px2vp(data);
    console.log('keyboardHeight----', keyboardHeight)
    this.sHeight = keyboardHeight / screenHeight * 100 // 转换为百分比形式
    console.log('sHeight----', this.sHeight)
  });
});

await WindowManager.getWindowStage().getMainWindow().then(currentWindow {
  currentWindow.on('keyboardHeightChange', (data) => {
    this.keyboardHeight = px2vp(data);
    console.log('keyboardHeight----', this.keyboardHeight)
  })
})

import { display, window } from '@kit.ArkUI'

@Entry
@Component
struct ScrollCeiling1 {
  @State screenHeight: number = 1; // 屏幕高度
  @State keyboardHeight: number = 0; // 键盘高度
  @State sHeight: number = 0;

  build() {
    Column() {
      TextInput()
      Text(this.sHeight.toString() + '%') // 显示键盘高度占比
        .fontSize(18)
        .onAppear(() => {
          display.getAllDisplays((err, data) => {
            this.screenHeight = data[0].height
            console.log('height---', this.screenHeight)
          })
          window.getLastWindow(getContext(this)).then(currentWindow {
            currentWindow.on('keyboardHeightChange', (data: number) => {
              this.keyboardHeight = data;
              console.log('keyboardHeight----', this.keyboardHeight)
              this.sHeight = this.keyboardHeight / this.screenHeight * 100
              console.log('sHeight----', this.sHeight)
            });
          });
        })
    }
  }
}