HarmonyOS 如何在@CustomDialog中使用@ComponentV2

HarmonyOS
2025-01-09 15:56:56
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

@ComponentV2状态管理还在完善开发中,自定义弹窗推荐使用openCustomDialog,具体参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-promptaction-V5#promptactionopencustomdialog11

示例参考:

import promptAction from '@ohos.promptAction'

@Entry
@ComponentV2
struct OpenCustomDialogPage {
  private customDialogComponentId: number = 0
  @Local num: number = 0

  @Builder
  customDialogComponent() {
    Column() {
      Text('弹窗').fontSize(30)
      Text(this.num.toString())
        .fontSize(30)
        .onClick(() => {
          console.log(`num----${this.num}`)
          this.num++
        })
      Row({ space: 50 }) {
        Button("确认").onClick(() => {
          promptAction.closeCustomDialog(this.customDialogComponentId)
        })
        Button("取消").onClick(() => {
          promptAction.closeCustomDialog(this.customDialogComponentId)
        })
      }
    }
    .height(200)
    .padding(5)
    .justifyContent(FlexAlign.SpaceBetween)
  }

  build() {
    Column({ space: 20 }) {
      Text(this.num.toString())
        .fontSize(50)
        .onClick(() => {
          this.num++
        })
      Text('组件内弹窗')
        .fontSize(30)
        .onClick(() => {
          promptAction.openCustomDialog({
            builder: () => {
              this.customDialogComponent()
            },
            onWillDismiss: (dismissDialogAction: DismissDialogAction) => {
              console.info("reason" + JSON.stringify(dismissDialogAction.reason))
              console.log("dialog onWillDismiss")
              if (dismissDialogAction.reason == DismissReason.PRESS_BACK) {
                dismissDialogAction.dismiss()
              }
              if (dismissDialogAction.reason == DismissReason.TOUCH_OUTSIDE) {
                dismissDialogAction.dismiss()
              }
            }
          }).then((dialogId: number) => {
            this.customDialogComponentId = dialogId
          })
        })
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2025-01-09 19:09:53
相关问题
HarmonyOS @ComponentV2使用暗黑会崩溃
294浏览 • 1回复 待解决
HarmonyOS @ComponentV2修饰组件一些问题
234浏览 • 1回复 待解决
HarmonyOS 如何在ArkTS中使用注解?
658浏览 • 1回复 待解决
如何在Navigation中使用LocalStorage
809浏览 • 1回复 待解决
矢量icon如何在HarmonyOS应用中使用
822浏览 • 1回复 待解决
如何在ArkTS中使用闭包
1042浏览 • 1回复 待解决
如何在HarmonyOS中使用neon指令集
806浏览 • 1回复 待解决
如何在C++项目中使用pthread
2479浏览 • 1回复 待解决
HarmonyOS使用CustomDialog如何设置宽度
650浏览 • 1回复 待解决