鸿蒙开发 五十 页面跳转之 NavPathStack 组件之间传递参数

1、NavPathStack语法

创建NavPathStack，new NavPathStack()创建，接收创建的变量使用@Provide('NavPathStack')

修饰，固定的，例如：

@Provide('NavPathStack') pageStack: NavPathStack = new NavPathStack();

点击的组件要用 Navigation包裹，语法类似Row和Colum，格式如下：

Navigation(NavPathStack) {

组件1

组件2

组件3

}

hideTitleBar(true) 返回按钮，true不显示，false显示
.mode(NavigationMode.Stack) 展现方式 
.navDestination(目的页面)  目的页面 目的页面的是@Builder修饰的构建函数，参数是NavPathStack的pushPathByName传递的参数，语法格式是：

@Builder
PagesMap(name: string, param: object) {
  NavDestination() {
        组件
  }.hideTitleBar(false)
  .title(name)
}

2、NavPathStack实战

图一三个按钮跳转到图二，图二显示的内容根据点击按钮的不同而不同，

 

这三个按钮的需要用Navigation作为父容器包裹，目的界面由navDestination方法决定，目的界面要使用NavDestination包裹，代码资源已经上传。

3、总结

NavPathStack能使鸿蒙页面跳转，Navigation是导航的组件，需要跳转的点击的组件需要Navigation容器包裹，目的界面的组件也要NavDestination容器包裹，NavPathStack的pushPathByName决定跳到那个界面