在HarmonyOS NEXT开发中打开全局弹窗报错？

Question

在HarmonyOS NEXT开发中打开全局弹窗报错？在普通类中打开全局弹窗

Reason:TypeError 
Error name:TypeError 
Error message:is not callable 
SourceCode: 
  (parent ? parent : this).observeComponentCreation2((elmtId, isInitialRender) => { 
    ^

Answer 1

参考demo:
OpenDialogDemo .ets

import { TestDialog } from './DialogHelper'; 
 
@Entry 
@Component 
struct OpenDialogDemo { 
  build() { 
    Column() { 
      Text('点击弹窗') 
        .margin({ top: 25 }) 
        .fontSize(25) 
        .onClick(()=>{ 
          TestDialog(); 
        }) 
    } 
  } 
}

TestDialog.ets

import { ComponentContent, window } from '@kit.ArkUI'; 
import { BusinessError } from '@kit.BasicServicesKit'; 
import { openOcrBottomDialog } from './OpenOcrBottomDialog'; 
 
export function TestDialog(){ 
  let windowClass = AppStorage.get("windowStage") as window.WindowStage; 
  let uiContext = windowClass.getMainWindowSync().getUIContext(); 
  let promptAction = uiContext.getPromptAction(); 
  let contentNode = new ComponentContent(uiContext, wrapBuilder(openOcrBottomDialog)); 
  try { 
    AppStorage.setOrCreate("contentNode",contentNode) 
    promptAction.openCustomDialog(contentNode) 
  } catch (error) { 
    let message = (error as BusinessError).message; 
    let code = (error as BusinessError).code; 
    console.error(`OpenCustomDialog args error code is ${code}, message is ${message}`); 
  } 
}

openOcrBottomDialog.ets

import { BusinessError } from '@kit.BasicServicesKit' 
import { window } from '@kit.ArkUI' 
 
@Builder 
export function openOcrBottomDialog() { 
  Column() { 
    Text('我是内容').fontSize(20).margin({ top: 10, bottom: 10 }) 
 
    Image("") 
      .height(1) 
      .width('100%') 
      .margin({ left: 10, right: 10 }) 
      .backgroundColor(0xDFDFDF) 
 
    Text('拍照') 
      .fontSize(20) 
      .margin({ top: 10, bottom: 10 }) 
      .onClick(() => { 
        let sasasa: ComponentContent = AppStorage.get("contentNode") as ComponentContent 
        console.log("测试内容中contentNode= " + sasasa) 
        try { 
          let windowClass = AppStorage.get("windowStage") as window.WindowStage; 
          let uiContext = windowClass.getMainWindowSync().getUIContext(); 
          let promptAction = uiContext.getPromptAction(); 
          promptAction.closeCustomDialog(sasasa); 
        } catch (error) { 
          let message = (error as BusinessError).message; 
          let code = (error as BusinessError).code; 
          console.error(`:::OpenCustomDialog args error code is ${code}, message is ${message}`); 
        }; 
      }) 
 
    Image("") 
      .height(1) 
      .width('100%') 
      .margin({ left: 10, right: 10 }) 
      .backgroundColor(0xDFDFDF) 
 
    // Text('从相册获取') 
    // .fontSize(20) 
    // .margin({ top: 10, bottom: 10 }) 
    // .onClick(() => { 
    // // this.controller.close() 
    // promptAction.closeCustomDialog(contentNode); 
    // }) 
 
    Image("") 
      .height(1) 
      .width('100%') 
      .margin({ left: 10, right: 10 }) 
      .backgroundColor(0xDFDFDF) 
 
    // Text('取消') 
    // .fontSize(20) 
    // .margin({ top: 10, bottom: 10 }) 
    // .onClick(() => { 
    // // this.controller.close() 
    // promptAction.closeCustomDialog(contentNode); 
    // }) 
  } 
}