鸿蒙开发中，自定义弹框的高度如何设置全屏？

Question

鸿蒙开发中，自定义弹框的高度如何设置全屏？

Answer 1

可以参考下面demo，示例代码如下：

import router from '@ohos.router'

@CustomDialog
export struct MyDialog1 {
  controller1: CustomDialogController
  title: string = ''

  build() {
    Row() {
      Column({ space: 10 }) {
        Text(this.title).fontSize(25)
         .fontColor(Color.Blue)
        Flex({ justifyContent: FlexAlign.SpaceAround }) {
          Button('取消')
           .onClick(() => {
              this.controller1.close()
            })
           .backgroundColor(0xffffff)
           .fontColor(Color.Black)
          Button('确认')
           .onClick(() => {
              // this.controller1.close()

            })
           .backgroundColor(0xffffff)
           .fontColor(Color.Black)
        }
       .width('100%')
      }
     .width('100%')
     .backgroundColor(Color.White).height(300)
    }
  }
}

// main 页面
@Entry
@Component
struct Index {
  @State dialogData: string = ''
  @State colorTest: Color = Color.Blue
  dialogContro

同时，还可以参考以下两种方式：
方式一：采用弹窗容器默认样式。在默认样式中，弹窗容器高度自适应子节点，最大可为窗口高度的 90%；弹窗容器的宽度根据栅格系统自适应，不跟随子节点变化。
方式二：当显示设置 customStyle 为 true 时，弹窗宽高跟随子节点内容适应。