HarmonyOS CustomDialogController无法封装成工厂方法

CustomDialogController封装成工厂方法时失效，以下方式dialog正常弹出：

@Entry
@Component
struct Index {
  private shareDialog: CustomDialogController =
    new CustomDialogController({ builder: ShareDialog(), alignment: DialogAlignment.Bottom, customStyle: true })

  //private shareDialog:CustomDialogController = ShareDialogControllerFactory.getShareDialogController()

  build() {
    Row() {
      Button("share")
        .onClick(() => {
          this.shareDialog.open()
        })
    }
  }
}

封装成工厂方法返回后则无法弹出：

@Entry
@Component
struct Index {
  //private shareDialog:CustomDialogController = new CustomDialogController({builder: ShareDialog(), alignment:DialogAlignment.Bottom, customStyle:true})
  private shareDialog: CustomDialogController = ShareDialogControllerFactory.getShareDialogController()

  build() {
    Row() {
      Button("share")
        .onClick(() => {
          this.shareDialog.open()
        })
    }
  }
}

class ShareDialogControllerFactory {
  public static getShareDialogController(): CustomDialogController {
    console.log("get called")
    return new CustomDialogController({ builder: ShareDialog(), alignment: DialogAlignment.Bottom, customStyle: true })
  }
}

HarmonyOS

zbw_apple

2024-12-25 07:27:31

浏览

回答 1

待解决

回答 1

按赞同

按时间

zxjiu

自定义弹框不支持在类中定义，可以连同触发弹框的组件一起封装成一个Builder，示例代码如下：

@CustomDialog
struct CustomDialogExample {
  textContent: string = ""
  dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample(),
  })

  build() {
    Column() {
      Text(this.textContent)
        .fontSize(20)
        .margin({ top: 10, bottom: 10 })
    }
  }
}

@Entry
@Component
struct Index {
  @Builder
  ButtonShowToast(buttonText: string, content: string) {
    Button(buttonText)
      .onClick(() => {
        let dialogController: CustomDialogController = new CustomDialogController({
          builder: CustomDialogExample({ textContent: content }),
        })
        dialogController.open()
      })
  }

  build() {
    Row() {
      Column() {
        this.ButtonShowToast('test1', '111')
        this.ButtonShowToast('test2', '222')
      }
    }
  }
}