#鸿蒙通关秘籍#如何解决HarmonyOS中分屏模式切换时的Bug？

在HarmonyOS中进行导航模式切换时，可能会出现动画冲突的问题。可以通过设置navBarWidth和动态更改其值来适配全屏模块。同时，在切换模块时，可控制是否显示动画来避免Bug。以下代码展示了如何在全屏音乐播放器案例中处理该问题：

// EntryView.ets
@Provide('isFullScreen') isFullScreen: string = '50%';

Navigation(this.pageStack) {
  ...
}
.backgroundColor($r('app.color.main_background_color'))
.hideTitleBar(true)
.navBarWidth(this.isFullScreen)
.navDestination(this.pageMap)
.mode(NavigationMode.Auto)

// MusicPlayerInfoComp.ets
@Consume('isFullScreen') isFullScreen: string;

aboutToAppear(): void {
  ...
  animateTo({
    duration: 400,
    curve: Curve.EaseInOut,
  }, () => {
    this.isFullScreen = '0.01%';
  })
  ...
}

//DynamicsRouter.ets
public static async push(routerInfo: RouterInfo, param?: string): Promise<void> {
  ...
  let isNeedFullScreen: boolean = true;
  ...
  await import(moduleName).then((result: ESObject) => {
    ...
    if (FullScreenArray.includes(moduleName)) {
      isNeedFullScreen = false;
    }
  });
  if (isImportSucceed) {
    ...
    DynamicsRouter.getNavPathStack().pushPath({ name: builderName, param: param }, isNeedFullScreen);
    ...
  }
}