在鸿蒙应用开发中,页面跳转是实现多页面交互的基础。本文将基于 ArkTS(ArkUI 的 TypeScript 扩展)

一、创建项目步骤

步骤 1:创建项目与文件结构

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

提前添加配置代码:

注意!!!文件名称与创建文件名称一致,否则运行跳转会报错

步骤 3:编写首页 Index.ets

这是应用的入口页面代码,包含文本显示:

运行效果:

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

运行效果:

步骤 4:编写第二页 Second.ets

这是跳转后的页面代码,包含返回按钮:

运行后的效果图:

这样点击按钮就可以实现页面相互跳转

二、常见问题排查

  1. 点击按钮没反应

    • 检查 main_pages.json 是否注册了页面
    • 检查跳转路径是否和文件位置一致(如 pages/Second 对应 pages/Second.ets
  2. 报错 “找不到页面”

    • 路径必须从 pages/ 开头,不能写 ./Second/pages/Second
    • 文件名和路径必须严格匹配,包括大小写

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐