HarmonyOS 用Navigation NavRouter会不会使页面嵌套太深？

建议使用Navigation来替代Router，关于容器嵌套太深，目前所有栈都可以通过NavPathStack路由栈管理器，来进行管理。当子组件较多、较复杂时，由于Navigation组件一次性加载所有模块，使用常规加载会导致主页加载缓慢。为了减少主页渲染时间，可以使用动态加载，在实际页面跳转时再按需的动态引入子组件，优化用户的首次加载速度体验。

@Entry
@Component
struct DynamicHome {
  @Provide('pathInfos') pageInfos: NavPathStack = new NavPathStack()
  @State active: boolean = false
  @BuilderParam PageOneLoader: () => void
  @Builder
  PageMap(name: string) {
    if (name === 'pageOne') {
      this.PageOneLoader();
    }
  }
  build() {
    Navigation(this.pageInfos) {
      Column() {
        Button('PageOne', { stateEffect: true, type: ButtonType.Capsule })
          .onClick(() => {
            this.onEntryClick('pageOne')
          })
        ...
      }
    }.title('主页').navDestination(this.PageMap)
  }
  async loadPageOne(key: string){
    if (key === "pageOne") {
      let { PageOneLoader} = await import("../pages/PageOneLoader")
      this.PageOneLoader = PageOneLoader;
    }
  }

  // 点击事件，触发动态加载
  private onEntryClick(): void {
    try {
      this.loadPageOne('pageOne');
      this.pageInfos.clear();
      this.pageInfos.pushPathByName('pageOne', '');
      logger.info('DynamicImport Success');
    } catch (error) {
      logger.info('DynamicImport Fail');
    }
  }
}

被动态加载的组件pageOne组件用PageOneLoader函数封装，当PageOneLoader被调用时，会渲染pageOne页面。

import { pageOne } from './pageOne';
@Builder
export function PageOneLoader() {
  pageOne();
}