HarmonyOS鸿蒙Next中Navigation跳转中pushPathByName传的参数目标页面怎么获取

【背景知识】

• 组件导航（Navigation）：主要用于实现Navigation页面（NavDestination）间的跳转，支持在不同Navigation页面间传递参数，提供灵活的跳转栈操作，从而更便捷地实现对不同页面的访问和复用。
• pushPathByName：将name指定的NavDestination页面信息入栈，传递的数据为param。
• onReady：当NavDestination即将构建子组件之前会触发此回调。

【解决方案】

• 传递参数：源页面可通过pushPath、pushPathByName、pushDestination等接口指定页面跳转，本例以pushPathByName接口举例说明，pushPathByName可通过入参指定目标页面（name）、**传递参数（param）**等。
• 接收参数：目标页面可通过NavDestination的onReady回调函数接收源页面传递的参数，也可在组件的生命周期函数aboutToAppear中通过NavPathStack的getParamByIndex、getParamByName等接口获取源页面传递的参数。

以onReady回调函数为例：

@Entry
@Component
struct Index {
  pathStack: NavPathStack = new NavPathStack();

  build() {
    Navigation(this.pathStack) {
      Column() {
        Button('Push PageOne', { stateEffect: true, type: ButtonType.Capsule })
          .width('80%')
          .height(40)
          .margin(20)
          .onClick(() => {
            let item:string='hello world'
            this.pathStack.pushPathByName('pageOne', item);
          })
      }.width('100%').height('100%')
    }
    .title("Navigation")
    .mode(NavigationMode.Stack)
  }
}

@Builder
export function PageOneBuilder() {
  PageOne();
}

@Component
export struct PageOne {
  pathStack: NavPathStack = new NavPathStack();
  @State textShow: string = ''

  build() {
    NavDestination() {
      Column() {
        Text(this.textShow)
          .fontSize(30)
        Button('回到首页', { stateEffect: true, type: ButtonType.Capsule })
          .width('80%')
          .height(40)
          .margin(20)
          .onClick(() => {
            this.pathStack.clear();
          })
      }.width('100%').height('100%')
    }.title('PageOne')
    .onReady((context: NavDestinationContext) => {
      this.pathStack = context.pathStack;
      this.textShow=context.pathInfo.param as string
    })
  }
}

以getParamByName为例， 其中的name参数需要是目标页面名，以下是具体代码:

@Entry
@Component
struct Index {
  pathStack: NavPathStack = new NavPathStack();

  build() {
    Navigation(this.pathStack) {
      Column() {
        Button('Push PageOne', { stateEffect: true, type: ButtonType.Capsule })
          .width('80%')
          .height(40)
          .margin(20)
          .onClick(() => {
            let item: string = 'hello world';
            this.pathStack.pushPathByName('pageOne', item);
          });
      }.width('100%').height('100%');
    }
    .title("Navigation")
    .mode(NavigationMode.Stack);
  }
}

@Builder
export function PageOneBuilder() {
  PageOne();
}

@Component
export struct PageOne {
  pathStack: NavPathStack = new NavPathStack();
  @State textShow: string = '';

  build() {
    NavDestination() {
      Column() {
        Text(this.textShow)
          .fontSize(30);
        Button('回到首页', { stateEffect: true, type: ButtonType.Capsule })
          .width('80%')
          .height(40)
          .margin(20)
          .onClick(() => {
            this.pathStack.clear();
          });
      }.width('100%').height('100%');
    }.title('PageOne')
    .onReady((context: NavDestinationContext) => {
      this.pathStack = context.pathStack;
      this.textShow = this.pathStack.getParamByName('pageOne')[0] as string;
    });
  }
}