HarmonyOS promptAction.openCustomDialog 弹窗如何宽度设置全屏宽?

HarmonyOS promptAction.openCustomDialog 弹窗如何宽度设置全屏宽?

HarmonyOS
2024-11-28 10:12:34
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

​目前promptAction.openCustomDialog 设置width(‘100%’), 系统会默认所在窗口宽度 - 左右 16vp。

width参考链接:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-promptaction-V5#ZH-CN_TOPIC_0000001884757698__customdialogoptions11<br>

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() 
}
分享
微博
QQ
微信
回复
2024-11-28 15:31:54
相关问题
promptAction.openCustomDialog 全局弹窗
683浏览 • 1回复 待解决
promptAction.openCustomDialog 自定义弹窗
473浏览 • 1回复 待解决
HarmonyOS promptAction.openCustomDialog问题
58浏览 • 1回复 待解决