HarmonyOS路由跳转

一、代码展示二、代码用到的全部知识点分类1. 路由跳转核心页面导航路由模块导入import router from ohos.router所有页面跳转 API 都依赖这个系统模块不导入无法使用pushUrl。router.pushUrl()入栈跳转作用打开新页面页面栈叠加点击返回键 /router.back()可回到上一页参数url目标页面路径字符串必须和main_pages.json里注册的页面路径完全匹配路径写错会跳转失败拓展对比同类跳转 APIrouter.replaceUrl()替换当前页面不会新增页面栈无法返回上一页router.back()返回上一页2. 页面组件装饰器Entry标识当前文件是独立页面只有在main_pages.json注册的页面才需要添加自定义 Builder、子组件不能加。Component所有自定义 UI 结构体必须添加代表这是一个 ArkTS 组件提供build()渲染入口。3. 基础布局组件 ColumnColumn()垂直布局容器子元素垂直从上向下排布配套Row()水平布局、Stack()层叠布局。容器通用属性.width(100%)/.height(100%)宽高铺满父容器屏幕.padding(数值)统一设置四边内边距控制内容和边框距离4. Text 文本组件与样式属性Text(文字内容)基础文字展示组件文本样式 API.fontSize(数字)字号大小.fontColor(颜色枚举)文字颜色系统内置Color.Green/Red/Black等常量5. 点击交互事件.onClick((){ 执行逻辑 })给任意可交互组件Text/Button/Image 等绑定点击事件回调函数内编写跳转、弹窗、变量修改等业务逻辑6. 语法规范补充链式调用组件所有样式、事件方法可以连续.xxx()链式书写箭头函数(){}简化回调写法不用 function 关键字字符串引号路径、文字统一使用单 / 双英文引号不能中文引号三、配套前置要求跳转生效前提main_pages.json中必须注册三个页面json{ pages: [ pages/Tiaozhuan/Tiaozhuan, pages/Tiaozhuan1/Tiaozhuan1, pages/Tiaozhuan2/Tiaozhuan2 ] }每个跳转目标页面文件都要添加Entry Component装饰器否则无法打开。四、拓展路由传参改造可选如果跳转时需要传递账号、身份等数据可以给pushUrl增加params参数etsrouter.pushUrl({ url: pages/Tiaozhuan1, params: { type: register, tips: 注册页面 } })目标页面通过router.getParams()接收传递的数据。