HarmonyOS 如何在全局任意地方,显示弹窗,并且全局复用统一布局

HarmonyOS
3天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

可参考下面代码:

import { BusinessError } from '@ohos.base';
import { ComponentContent } from "@ohos.arkui.node";
class Params {
  text: string = ""
  constructor(text: string) {
    this.text = text;
  }
}//传参
@Builder
function buildText(params: Params) {
  Row(){
    Column() {
      Text(params.text)
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .margin({bottom: 36})
    }.backgroundColor('#FFF0F0F0')
  }
  .height("100%")
} //自定义组件的内容
@Entry
@Component
struct Index {
  @State message: string = "显示TOAST"
  build() {
    Row() {
      Column() {
        Button("click me")
          .onClick(() => {
            let uiContext = this.getUIContext();
            let promptAction = uiContext.getPromptAction();
            let contentNode = new ComponentContent(uiContext, wrapBuilder(buildText), new Params(this.message));//上下文、自定义节点、传参
            try {
              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}`);
            };
          })
      }
      .width('100%')
      .height('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
3天前
相关问题
HarmonyOS 全局弹窗显示
21浏览 • 1回复 待解决
HarmonyOS 如何全局复用样式
436浏览 • 1回复 待解决
如何在全局实现个自定义dialog弹窗
2851浏览 • 1回复 待解决
HarmonyOS 全局弹窗demo
77浏览 • 1回复 待解决
HarmonyOS 全局弹窗问题
427浏览 • 1回复 待解决
全局关闭弹窗如何实现?
278浏览 • 2回复 待解决
HarmonyOS 如何实现APP内全局弹窗
488浏览 • 1回复 待解决
promptAction.openCustomDialog 全局弹窗
504浏览 • 1回复 待解决
HarmonyOS 使用全局自定义弹窗
70浏览 • 1回复 待解决
HarmonyOS 全局自定义弹窗demo
317浏览 • 1回复 待解决
HarmonyOS 如何在全局使用loading组件?
758浏览 • 1回复 待解决
HarmonyOS 创建全局弹窗的推荐方案
31浏览 • 1回复 待解决