#鸿蒙通关秘籍#如何在HarmonyOS NEXT中实现Web组件与加载动画的无缝切换？

要实现Web组件与Loading动画的无缝切换，可利用Stack布局特性：

• 将Web组件和LoadingProgress组件堆叠在一个Stack中。
• 使用状态变量loaded来切换显示状态。

Stack() {
  Web(
    ...
    .onPageEnd((event) => {
      if (event) {
        this.loaded = true;
      }
    });

  if (!this.loaded) {
    LoadingProgress()
      .height(180)
      .color('#cd0401');
  }
}

这样在页面加载过程中，LoadingProgress会覆盖在Web组件之上，而当Web页面加载完成后，它将自动消失，切换过程流畅自然。