HarmonyOS Navigation使用自定义NavPathStack不生效问题

该示例主要演示如下两点功能：

1. 如何定义NavPathStack的派生类

2. 派生类在Navigation中的基本用法

export class DerivedNavPathStack extends NavPathStack {
  // usr defined property 'id'
  id: string = "__default__"

  // new function in derived class
  setId(id: string) {
    this.id = id;
  }

  // new function in derived class
  getInfo(): string {
    return "this page used Derived NavPathStack, id: " + this.id
  }

  // overwrite function of NavPathStack
  getParent(): NavPathStack | null {
    return super.getParent();
  }

  getParam(index: number): ESObject {
    let params: ESObject = this.getParamByIndex(this.size() - 1) as ESObject
    return params
  }


  // overwrite and overload function of NavPathStack
  pop(animated?: boolean | undefined): NavPathInfo | undefined

  pop(result: Object, animated?: boolean | undefined): NavPathInfo | undefined

  pop(result?: Object, animated?: boolean | undefined): NavPathInfo | undefined {
    console.log('[derive-test] reached DerivedNavPathStack\'s pop');
    return super.pop(result, animated);
  }
}

class param {
  info: string = "__default_param__";

  constructor(info: string) {
    this.info = info
  }
}


@Entry
@Component
struct Index {
  derivedStack: DerivedNavPathStack = new DerivedNavPathStack();

  aboutToAppear(): void {
    this.derivedStack.setId('origin stack');
  }

  @Builder
  pageMap(name: string) {
    PageOne()
  }

  build() {
    Navigation(this.derivedStack) {
      Row({}) {
        Column() {
          Text('jump')
            .onClick(()=>{
              this.jumpMainPage()
            })
        }
        .width('100%').height(98)
        .backgroundColor(Color.Grey)
      }
      .width('100%').height('100%').alignItems(VerticalAlign.Bottom)
      .backgroundColor(Color.Green)

    }.hideTitleBar(true)
    .navDestination(this.pageMap)
  }

  jumpMainPage() {
    // router.replaceUrl({ url: 'pages/Index' });
    this.derivedStack.pushPath({ name: 'pageOne' ,});
  }

  /*build() {
    Navigation(this.derivedStack) {
      Button('to Page One').margin(20).onClick(() => {
        this.derivedStack.pushPath({
          name: 'pageOne',
          param: new param('push pageOne in homePage')
        });
      })
    }.navDestination(this.pageMap)
    .title('Home Page')
  }*/
}

@Component
struct PageOne {
  derivedStack: DerivedNavPathStack = new DerivedNavPathStack();
  curStringifyParam: string = "NA";

  build() {
    NavDestination() {
      Column() {
        Text(this.derivedStack.getInfo())
          .margin(10)
          .fontSize(25)
          .fontWeight(FontWeight.Bold)
          .textAlign(TextAlign.Start)
        Text('current page param info:')
          .margin(10)
          .fontSize(25)
          .fontWeight(FontWeight.Bold)
          .textAlign(TextAlign.Start)
        Text(this.curStringifyParam)
          .margin(20)
          .fontSize(20)
          .textAlign(TextAlign.Start)
      }.backgroundColor(Color.Pink)

      Button('push Page One').margin(20).onClick(() => {
        this.derivedStack.pushPath({
          name: 'pageOne',
          param: new param('push pageOne in pageOne when stack size: ' + this.derivedStack.size())
        });
        let aa = this.derivedStack.getParam(this.derivedStack.size() - 1) as param
        console.log('tag size = ' + this.derivedStack.size() + '  aa = ' + JSON.stringify(aa))
      })
    }.onReady((context: NavDestinationContext) => {
      console.log('[derive-test] reached PageOne\'s onReady');
      // get derived stack from navdestinationContext
      this.derivedStack = context.pathStack as DerivedNavPathStack;
      console.log('[derive-test] -- got derivedStack: ' + this.derivedStack.id);
      this.curStringifyParam = JSON.stringify(context.pathInfo.param);
      console.log('[derive-test] -- got param: ' + this.curStringifyParam);
    })
  }
}