HarmonyOS鸿蒙Next中路由组件Navigation的使用

概述

Navigation组件是路由导航的根视图容器，一般作为Page页面的根容器使用，其内部默认包含了标题栏、内容区和工具栏，其中内容区默认首页显示导航内容（Navigation的子组件）或非首页显示（NavDestination的子组件），首页和非首页通过路由进行切换。

使用

注意：本文涉及代码均以V2装饰器进行演示

同包跳转

• 根路由组件使用Navigation作为整个路由的容器，子路由需要以NavDestination作为父元素进行包裹，如图一
• 配置系统路由表，在resources/base/profile目录下新建router_map.json文件，并配置路由，并在当前模块下的module.json5中引用配置，如图二

router_map.json中的对象属性详解：

• name:给当前组件命名的路由的名字，pushPathByName()方法就是通过这个名字来进行查找匹配的。

• pageSourceFile:路由所对应组件的文件路径。

• buildFunction:路由跳转子页面替换就靠的这个方法进行匹配替换的

• data:自定义的参数可以放在这里面，通过特定的方法可以从这里面读取。

• 创建路由栈，并通过操作栈进行路由跳转，如图三，配置完成后就可以进行路由跳转了，如图四

跨包跳转

• 新建har模块，新建子页面组件，组件内容外使用NavDestination包裹，如图五
• 配置系统路由表，在libraryA模块下resources/base/profile目录下新建router_map.json文件,配置路由，如图六
• 在entry模块中导入libraryA包，如图七
• 在entry中通过路由栈跳转到libraryA下的页面，如图八
• 最终效果为图九