在HarmonyOS NEXT开发中promptAction.openCustomDialog 弹窗如何宽度设置全屏宽？

Question

在HarmonyOS NEXT开发中promptAction.openCustomDialog 弹窗如何宽度设置全屏宽？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

目前promptAction.openCustomDialog 设置width(‘100%’), 系统会默认所在窗口宽度 - 左右 16vp
width参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...

demo:

import promptAction from '@ohos.promptAction'; 
import display from '@ohos.display' 
 
@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.Red, 
      width: "110%", 
      autoCancel: false, 
    } 
    return option 
  } 
 
  public static show(context: Object,) { 
    promptAction.openCustomDialog(DialogUtils.createOption(buildComp.bind(context))) 
  } 
} 
 
@Builder 
function buildComp() { 
  TestComponent() 
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。