@CustomDialog的高度，如何在键盘弹出与收起时保持视觉高度？

在一个customDialog里有一个输入框，在这个输入框拥有和失去键盘时，希望这个customDialog的高度可以同步减少高度，以保证这个dialog的视觉高度不变。

HarmonyOS

put_get

2024-10-09 11:04:40

浏览

回答 1

待解决

回答 1

按赞同

按时间

zxjiu

参考以下代码：

@Entry  
@Component  
struct Index{  
  @StorageLink('keyboardHeight') keyboardHeight: number = 0;  
  @State keyboardHeight1: number = this.keyboardHeight;  
  @State value:string = ''  
  
  @Builder  
  mySheet() {  
    TextArea({ placeholder: '点击弹起键盘', text: this.value })  
      .fontSize(20)  
      .height(550)  
      .backgroundColor(Color.White)  
      .margin({  
        top: 20,  
        bottom: 20  
      })  
      .layoutWeight(1)  
      .maxLength(1000)  
      .showCounter(true)  
      .padding({bottom:px2vp(this.keyboardHeight) - 160})  
  
      .onChange((value:string) => {  
        this.value = value;  
      })  
  
  }  
  
  build() {  
    Text().bindSheet(true, this.mySheet(), {  
      height: 730,  
      dragBar: false,  
      backgroundColor: Color.White,  
      showClose: false,  
      shouldDismiss: () => {  
      }  
    })  
  }  
}  
//entryability中：  
onWindowStageCreate(windowStage: window.WindowStage): void {  
  // Main window is created, set main page for this ability  
  hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');  
  
  windowStage.getMainWindow((err, data) =>{  
  if (err.code) {  
  console.error('Failed to obtain the main window. Cause: ' + JSON.stringify(err));  
  return;  
}  
let windowClass = data;  
try {  
  windowClass.on('keyboardHeightChange', (data) => {  
    console.log('----->' + data.toString())  
    AppStorage.setOrCreate('keyboardHeight', data);  
  });  
} catch (exception) {  
  console.error('Failed to enable the listener for keyboard height changes. Cause: ' + JSON.stringify(exception));  
}  
  
})