鸿蒙 ArkUI 开发:实现页面间的相互跳转
在鸿蒙应用开发中,页面跳转是实现多页面交互的基础。本文将基于 ArkTS(ArkUI 的 TypeScript 扩展)
·
在鸿蒙应用开发中,页面跳转是实现多页面交互的基础。本文将基于 ArkTS(ArkUI 的 TypeScript 扩展)
一、创建项目步骤
步骤 1:创建项目与文件结构

步骤 2:配置路由文件 main_pages.json

提前添加配置代码:
注意!!!文件名称与创建文件名称一致,否则运行跳转会报错

步骤 3:编写首页 Index.ets
这是应用的入口页面代码,包含文本显示:
运行效果:

再编写一个跳转按钮从第24行开始:

运行效果:

步骤 4:编写第二页 Second.ets
这是跳转后的页面代码,包含返回按钮:

运行后的效果图:

这样点击按钮就可以实现页面相互跳转
二、常见问题排查
-
点击按钮没反应:
- 检查
main_pages.json是否注册了页面 - 检查跳转路径是否和文件位置一致(如
pages/Second对应pages/Second.ets)
- 检查
-
报错 “找不到页面”:
- 路径必须从
pages/开头,不能写./Second或/pages/Second - 文件名和路径必须严格匹配,包括大小写
- 路径必须从
更多推荐



所有评论(0)