如何使用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
2024-06-13 23:28:12
浏览
收藏 0
回答 1
待解决
回答 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) 
  } 
}
分享
微博
QQ
微信
回复
2024-06-14 22:38:14
相关问题
NavPathStack使用问题
587浏览 • 1回复 待解决
如何使用hdc shell aa start参数
363浏览 • 1回复 待解决
Navigation如何隐藏导航栏
978浏览 • 1回复 待解决
如何选择Navigation 组件与 Tabs 组件
910浏览 • 1回复 待解决
如何navigation跳转页面时返回传参
542浏览 • 1回复 待解决
router.pushUrl 无法使用Map类型参数
39浏览 • 1回复 待解决
鸿蒙如何获得手机屏幕参数
3185浏览 • 1回复 待解决
如何获取router.back传递参数
1293浏览 • 1回复 待解决
Navigation实现Tabs切换效果
545浏览 • 1回复 待解决