#鸿蒙通关秘籍#如何为Navigation配置动态路由以实现模块解耦？

@Component
export struct PageInHSP {
  build() {
    NavDestination() {
        ...
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.

export { PageInHSP } from "./src/main/ets/pages/PageInHSP"
1.

import { PageInHSP } from 'library/src/main/ets/pages/PageInHSP'

@Entry
@Component
struct MainPage {
 pageStack: NavPathStack = new NavPathStack()

 @Builder pageMap(name: string) {
   if (name === 'PageInHSP') {
     PageInHSP()
   }
 }
 build() {
   Navigation(this.pageStack) {
     Button("Push HSP Page")
       .onClick(() => {
         this.pageStack.pushPath({ name: "PageInHSP" });
     })
   }
   .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.