DEV Community
·
鸿蒙开发：一文探究Navigation路由组件
💡
原文中文，约13000字，阅读约需31分钟。
📝
内容提要
本文介绍了如何使用Navigation组件替代router进行页面跳转，包括设置NavPathStack、定义目标页面和配置路由表三步。还讨论了Navigation的生命周期、常见属性方法及动态路由配置，强调了NavPathStack在路由管理中的重要性。
🎯
关键要点
- 建议使用Navigation组件替代router进行页面跳转，因官方不再推荐router。
- 使用Navigation组件进行页面跳转的三步：设置NavPathStack、定义目标页面、配置路由表。
- NavPathStack在路由管理中非常重要，负责执行跳转逻辑。
- Navigation的生命周期与常见属性方法需要了解，子页面的onPageShow和onPageHide不会被调用。
- NavDestination组件的生命周期方法用于获取页面显示或隐藏状态。
- Navigation提供的常见属性方法包括设置标题、菜单、标题栏显示模式等。
- NavPathStack用于管理路由，提供pushPath、pop等方法进行页面跳转和管理。
- 动态路由配置可以通过定义页面跳转配置项和动态import实现。
- 子页面可以通过@Provide和@Consume装饰器获取NavPathStack对象。
- 页面可以通过名称或索引获取传递的参数，并接收返回的数据。
- 可以对路由进行拦截，执行逻辑处理如重定向等。
❓
延伸问答
为什么建议使用Navigation组件替代router进行页面跳转？
因为官方目前不再推荐使用router，建议使用Navigation组件作为应用路由框架。
使用Navigation组件进行页面跳转的步骤是什么？
主要有三步：设置NavPathStack、定义目标页面、配置路由表。
NavPathStack在Navigation中有什么重要性？
NavPathStack负责执行跳转逻辑，是路由管理中非常重要的部分。
Navigation组件的生命周期有哪些特点？
子页面的onPageShow和onPageHide不会被调用，生命周期方法主要在NavDestination组件上执行。
如何动态配置路由表？
可以通过定义页面跳转配置项和动态import实现跨包动态路由。
如何在子页面获取NavPathStack对象？
可以通过@Provide和@Consume装饰器在主页面和子页面之间传递NavPathStack对象。
🏷️
标签
➡️
