HarmonyOS 如何在@CustomDialog中使用@ComponentV2

HarmonyOS
2天前
浏览
收藏 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
微信
回复
2天前
相关问题
HarmonyOS @ComponentV2使用暗黑会崩溃
150浏览 • 1回复 待解决
HarmonyOS @ComponentV2修饰组件一些问题
28浏览 • 1回复 待解决
HarmonyOS 如何在ArkTS中使用注解?
447浏览 • 1回复 待解决
如何在Navigation中使用LocalStorage
682浏览 • 1回复 待解决
矢量icon如何在HarmonyOS应用中使用
551浏览 • 1回复 待解决
如何在ArkTS中使用闭包
841浏览 • 1回复 待解决
如何在HarmonyOS中使用neon指令集
582浏览 • 1回复 待解决
如何在C++项目中使用pthread
2306浏览 • 1回复 待解决
HarmonyOS使用CustomDialog如何设置宽度
600浏览 • 1回复 待解决