ArkUI —— 组件导航

创建导航页

// src\main\ets\pages\Index.ets
@Entry
@Component
struct Index {
  // 路由栈
  @Provide('pathInfos') pathInfos: NavPathStack = new NavPathStack()

  build() {
    Navigation(this.pathInfos) {
    
    }
  }
}

创建导航子页

this.navPath.pushPathByName('AccountTag', '账本分类管理')

// src/main/ets/pages/mine/AccountTag.ets
@Builder
export function AccountTag(name: string, param: string) {
  page({ name: name, label: param })
}

@Component
export struct page {
  name: string = '';
  label: string = '';

  build() {
    NavDestination() {

    }
    .title(this.label)
  }
}

创建路由跳转

// src\main\module.json5
{
  "module": {
    "routerMap": "$profile:route_map",
  }
}

// src\main\resources\base\profile\route_map.json
{
  "routerMap" : [{
    "name" : "AccountTag",
    "pageSourceFile"  : "src/main/ets/pages/mine/AccountTag.ets",
    "buildFunction" : "AccountTag"
  }]
}