HarmonyOS 请问如何实现全局添加loading加载框

目前有两种方案实现全局加载框，不希望使用子窗口的方式，可以尝试方案二，封装自定义组件。

封装自定义组件：【Index.ets】

import { LoadingPage } from './SecondPage'
import { promptAction } from '@kit.ArkUI';
let customDialogId: number = 0
@Entry
@Component
struct PageThree {
  @State flag: boolean = false; // 控制是否加载
  build() {
    Column() {
      Button('加载动画').onClick((event: ClickEvent) => {
        this.flag = !this.flag;
      })
      LoadingPage({ flag: this.flag });
    }
    .height('100%')
    .width('100%')
    .alignItems(HorizontalAlign.Start)
    .justifyContent(FlexAlign.Start)
  }
}

【SecondPage.ets】

@Entry
@Component
export struct LoadingPage {
  @Prop flag: boolean;
  build() {
    Row() {
      LoadingProgress().color(Color.White).width(50).height(50)
    }
    .height(this.flag? '100%' : 0)
    .width('100%')
    .position({x: 0, y: 0})
    .backgroundColor('#4D000000')
    .justifyContent(FlexAlign.Center)
  }
}