HarmonyOS 鸿蒙Next 如何去掉键盘与Dialog空隙

键盘抬起会避让一个ux设置的paddingBottom，弹框和软键盘距离16vp，这个是dialog的规格。

entry里height的100%并不是真的全频，不包含状态栏和底部，弹起来的有缝隙，dy向下偏移个底部的高度就能遮挡住缝隙

@Entry

@Component

struct CustomDialogUser {

dialogController: CustomDialogController = new CustomDialogController({

builder: CommentInputDialog({}),

alignment: DialogAlignment.Bottom,

customStyle: true,

offset: { dx: 0, dy: 100 }

})

build() {

Column() {

Button('click me')

.onClick(() => {

this.dialogController.open()

})

}.width('100%').height('100%').backgroundColor(Color.Red)

}

}

可以将customStyle设置为true，并且给弹框内部的Column设置偏移.offset({ x: 0, y: 20})

@CustomDialog

export struct CommentInputDialog{

private statusBarHeight: number = (AppStorage.get('statusBarHeight') as number);

controller?: CustomDialogController

private commentContent: string = ''

onTap: (content: string) => void = () => {

};

build() {

Column(){

Image($r('app.media.black_close_icon'))

.width(26)

.height(26)

.onClick(() =>{

this.controller?.close();

})

TextArea({ placeholder: '我来说两句...', text: this.commentContent})

.placeholderColor($r('app.color.color909099'))

.backgroundColor($r('app.color.colorF7F8F9'))

.borderRadius(4)

.placeholderFont({

size: '17fp',

family: CommonConstants.SI_YUAN

})

.backgroundColor(Color.White)

.enterKeyType(EnterKeyType.Done)

.defaultFocus(true)

.onChange((value) => {

this.commentContent = value;

}).margin({top: 10, bottom: 10})

.layoutWeight(1)

Text('确认')

.width(60)

.height(30)

.fontColor(Color.White)

.fontSize('14fp')

.fontFamily(CommonConstants.SI_YUAN)

.textAlign(TextAlign.Center)

.backgroundColor($r('app.color.colorF21333'))

.borderRadius(15)

.onClick(() =>{

this.onTap(this.commentContent)

})

}

.width(CommonConstants.FULL_PERCENT)

.height(210 + this.statusBarHeight)

.padding({left: 15, top: 15, right: 15, bottom: 10 + this.statusBarHeight })

.alignItems(HorizontalAlign.End)

.backgroundColor($r('app.color.colorF1F2F3'))

.borderRadius({topLeft: 15, topRight: 15})

.offset({ x: 0, y: 20}) // 设置偏移

}

}