HarmonyOS Navigation UI框架

class PageParam {  
  constructor(num_: number) {  
    this.num = num_;  
  }  
  num: number = 0;  
}  
class BackParam {  
  constructor(backStr_: string) {  
    this.backStr = backStr_;  
  }  
  backStr: string = "";  
}  
@Component  
struct PageOne {  
  private stack: NavPathStack | null = null;  
  private name: string = "";  
  private paramNum: number = 0;  
  build() {  
    NavDestination() {  
      Column() {  
        Text("NavPathInfo: name: " + this.name + ", paramNum: " + this.paramNum)  
        Button('pushPath', { stateEffect: true, type: ButtonType.Capsule })  
          .width('80%')  
          .height(40)  
          .margin(20)  
          .onClick(() => {  
            if (this.stack) {  
              let p = new PageParam(this.paramNum + 1);  
              this.stack.pushPath({ name: "pageOne", param: p });  
            }  
          })  
        Button('pop', { stateEffect: true, type: ButtonType.Capsule })  
          .width('80%')  
          .height(40)  
          .margin(20)  
          .onClick(() => {  
            this.stack?.pop(new BackParam("返回信息!!!!!!!!!!"))  
          })  
      }  
      .width('100%')  
      .height('100%')  
    }  
    .title('pageOne')  
    .onReady((ctx: NavDestinationContext) => {  
      // 在NavDestination中能够拿到传来的NavPathInfo和当前所处的NavPathStack  
      try {  
        this.name = ctx?.pathInfo?.name;  
        this.paramNum = (ctx?.pathInfo?.param as PageParam)?.num;  
        this.stack = ctx.pathStack;  
      } catch (e) {  
        console.log(`testTag onReady catch exception: ${JSON.stringify(e)}`)  
      }  
    })  
  }  
}  
@Entry  
@Component  
struct NavigationExample2 {  
  private stack: NavPathStack = new NavPathStack();  
  @State backStr: string = "暂无信息"  
  @Builder  
  PageMap(name: string) {  
    if (name === 'pageOne') {  
      PageOne()  
    }  
  }  
  build() {  
    Navigation(this.stack) {  
      Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center }) {  
        Text(this.backStr)  
        Button('pushPath', { stateEffect: true, type: ButtonType.Capsule })  
          .width('80%')  
          .height(40)  
          .margin(20)  
          .onClick(() => {  
            let p = new PageParam(1);  
            this.stack.pushPath({  
              name: "pageOne", param: p, onPop: (popInfo: PopInfo) => {  
                console.info('  result: ' + JSON.stringify(popInfo.result));  
                console.info(JSON.stringify(popInfo.result['backStr']));  
                this.backStr = popInfo.result['backStr'] as string  
              }  
            })  
          })  
      }  
      .width('100%')  
      .height('100%')  
    }  
    .width('100%')  
    .height('100%')  
    .navDestination(this.PageMap)  
    .title('Navigation')  
  }  
}
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.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.