鸿蒙router 实现页面跳转
时间: 2024-09-29 16:13:30 浏览: 62
鸿蒙 Router 是华为鸿蒙系统中的一个核心组件,用于管理应用程序之间的导航和页面切换。它提供了一种声明式的方式来组织和控制应用内的导航流程,类似于前端常用的 Vue Router 或 React Navigation。使用鸿蒙 Router,你可以按照以下几个步骤实现实现页面的跳转:
配置路由: 在
harmonyos-project
的pages
目录下创建对应文件夹和.yaml
文件,定义各个页面及其路径。例如:pages: - path: /home component: HomePage - path: /settings component: SettingsPage
启动路由器: 在需要导航的地方,通常是在 App 初始化或某个组件内,初始化 Router,并设置当前页面。
Router router = new Router(); router.start(RouterConfig.create(this));
触发跳转: 调用
navigator.push
方法,传入要跳转的页面路径或元数据对象。router.navigator.push("/home"); // 或者 router.navigateToPage(new PagePath("home"));
监听路由变化: 可以通过注册
onNavChanged
回调函数来处理页面跳转后的事件。
router.onNavChanged(new OnNavChangedListener() {
@Override
public void onNavChanged(NavState navState) {
// 页面改变后执行的操作
}
});
相关推荐

















