如何实现带点击按钮回调的自定义弹窗?

如何实现带点击按钮回调的自定义弹窗?

HarmonyOS
2024-08-06 17:15:28
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
她是猫鳄鱼
@Entry
@Component
struct Index {
  //声明弹窗controller
  dialogController: CustomDialogController = new CustomDialogController({
    builder: MyDialog({
      onConfirm: () => {
        //点击确认按钮回调
      }, onCancel: () => {
        //点击取消按钮回调
      }
    }),
    alignment: DialogAlignment.Bottom,
    offset: { dx: 0, dy: "-20vp" }
  })

  build() {
    Column() {
      Button("点我").onClick(() => {
        //点击按钮,弹出弹窗
        this.dialogController.open()
      })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

//自定义弹窗
@CustomDialog
struct MyDialog {
  controller: CustomDialogController = new CustomDialogController({
    builder: MyDialog(),
  })
  onConfirm?: () => void
  onCancel?: () => void
  build() {
    Row({ space: 20 }) {
      Button("确认").onClick(() => {
      })
      Button("取消").onClick(() => {
      })
    }.padding(20)
  }
}
分享
微博
QQ
微信
回复
2024-08-06 22:35:19
相关问题
组件自定义函数实现
237浏览 • 1回复 待解决
使用自定义弹窗实现分享弹窗
418浏览 • 1回复 待解决
自定义弹窗自定义转场动画
892浏览 • 1回复 待解决
如何自定义弹窗中再次弹窗
2109浏览 • 1回复 待解决
自定义弹窗如何嵌套使用
1407浏览 • 1回复 待解决
如何自定义popup弹窗布局?
355浏览 • 2回复 待解决
如何设置自定义弹窗位置
1948浏览 • 1回复 待解决
HarmonyOS 自定义弹窗问题
488浏览 • 1回复 待解决
HarmonyOS 自定义弹窗选择
249浏览 • 1回复 待解决
如何去除自定义弹窗白色背景
2212浏览 • 1回复 待解决
如何在全局实现一个自定义dialog弹窗
2690浏览 • 1回复 待解决