HarmonyOS 自定义弹窗内的 close方法闪退，应该是未定义，但不知如何调整

1、按照自定义弹窗（CustomDialog）给的模板定制了一个弹窗页面。以下是 CustomDialog的代码。

@CustomDialog  
export struct CommonCenterPop {  
  cancel?: () => void  
  confirm?: () => void  
  controller: CustomDialogController

2、在Custom弹窗中的取消或确认按钮点击事件里controller.close 时应用闪退。

  .onClick(() => {  
    this.controller.close()  
    if (this.cancel) {  
      this.cancel()  
    }  
  })

3、以下是应用页面代码。

Button('登录')  
.backgroundColor($r('app.color.base_color'))  
  .width('100%')  
  .height(40)  
  .margin({ top: 45, left: 5, right: 5 })  
  .onClick(() => {  
    let dialogController = new CustomDialogController({  
      builder: CommonCenterPop({  
        confirm: ()=> {  
        promptAction.showToast({message:'点了确认'})  
        }  
      }),  
      alignment:DialogAlignment.Center  
    })  
    dialogController.open()  
  })

HarmonyOS

Heiang

2024-10-28 09:18:42

浏览

回答 1

待解决

回答 1

按赞同

按时间

zbw_apple

自定义弹窗不能在点击事件里定义，可参考以下demo：

@CustomDialog  
export default struct CommonCenterPop  {  
  controller?: CustomDialogController  
  cancel: () => void = () => {  
  }  
  confirm: () => void = () => {  
  }  
  build() {  
    Column() {  
      Text('this is CustomDialog')  
        .fontSize(16)  
        .margin({ top: 30 })  
      Flex({ justifyContent: FlexAlign.SpaceAround }) {  
        Button('cancel')  
          .onClick(() => {  
            if (this.controller != undefined) {  
              this.controller.close()  
              this.cancel()  
            }  
          }).backgroundColor(0xffffff).fontColor(Color.Black)  
        Button('confirm')  
          .onClick(() => {  
            if (this.controller != undefined) {  
              this.controller.close()  
              this.confirm()  
            }  
          }).backgroundColor(0xffffff).fontColor(Color.Red)  
      }.margin({ top: 200 })  
    }  
    .borderRadius(10)  
    .height(300)  
  }  
}

在应用页面。

import CommonCenterPop from '../pages/CustomDialog'  
//定义CustomDialog  
customDialogController:CustomDialogController | null = new CustomDialogController({  
    builder: CommonCenterPop({  
      cancel:() => {  
      },  
      confirm:() => {  
      }  
    }),  
    autoCancel: true,  
    alignment: DialogAlignment.Center,  
    customStyle: false,  
    cornerRadius: 10,  
  })

调用：

.onClick(() => {  
  if (this.customDialogController != null) {  
    this.customDialogController.open()  
  }  
})

2024-10-28 16:37:47

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS 自定义弹窗内的 close方法闪退，应该是未定义，但不知如何调整

订阅鸿蒙技术特刊，精选内容抢先看