实现全屏可参考以下demo:import promptAction from '@ohos.promptAction'; @Entry @Component struct Index { @State message: string = 'Hello World'; build() { Button('点我').onClick(() => { DialogUtils.show(this) }) } } @Component export struct TestComponent { build() { Row() { Text('弹窗内组件1弹窗内组件2弹窗内组件3弹窗内组件4弹窗内组件5弹窗内组件') .height(200) .textAlign(TextAlign.Center) } } } export class DialogUtils { public static createOption(builder: CustomBuilder) { const option: promptAction.CustomDialogOptions = { builder: builder, isModal: true, alignment: DialogAlignment.Bottom, cornerRadius: 0, backgroundColor: Color.Pink, width: "100%", height: "100%", autoCancel: false, } return option } public static show(context: Object,) { promptAction.openCustomDialog(DialogUtils.createOption(buildComp.bind(context))) } } @Builder function buildComp() { TestComponent() }
实现全屏可参考以下demo: