如何使用Navigation的navPathStack参数

1、 navPathStack getParamByIndex(index: number): unknown | undefined; 返回值不知道如何进行接收类型。

2、navPathStack只能getParamByName以及getParamByIndex这两种方法获取参数吗？

3、使用this.navPathStack.getParamByIndex(this.navPathStack.size() - 1) 是不是相当于router.getParams()，获取最近栈顶的传递参数？

4、传递参数的时候， navDestination(builder: (name: string, param: unknown) => void) 这个无法解析参数，声明 pageMapping(name: string,param:Object) 传递给navDestination，无法解析参数，因为这些类型不知道。

HarmonyOS

pumayze

2024-06-13 23:28:12

689浏览

回答 1

按赞同

按时间

kraml

1和4规格如此，需要做好代码前后衔接；

2.getParamByIndex获取index指定的NavDestination页面的参数信息，getParamByName获取全部名为name的NavDestination页面的参数信息；

3.是的，用类封装NavPathStack的写法可参考以下demo，调用pushPathByName的new NavPathStack()需要和即将跳转的页面是父子关系，即需要使用@Provide修饰。

参考代码：

//navpathutil.ets 
export function push(name: string, param: object, p: NavPathStack) { 
  try { 
    p.pushPathByName(name, param) 
    console.log('routerUtils', `routerUtils--name:${name}--成功`) 
  } catch (err) { 
    console.log('routerUtils', `routerUtils--name:${name}--失败`, JSON.stringify(err)) 
  } 
} 
 
//index.ets 
import { push } from "../common/navpathutil" 
 
@Entry 
@Component 
struct NavigationExample { 
  @Provide('pageInfos') pageInfos: NavPathStack = new NavPathStack() 
 
  @Builder 
  PageMap(name: string) { 
    if (name === 'pageOne') { 
      PageOneTmp() 
    } else if (name === 'pageTwo') { 
      pageTwoTmp({ names: name, values: this.pageInfos } as Pages) 
    } 
  } 
 
  build() { 
    Navigation(this.pageInfos) { 
      Column() { 
        Button('pushPath', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            push('pageOne', null, this.pageInfos) 
          }) 
      } 
    }.title('NavIndex').navDestination(this.PageMap) 
  } 
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.