当前位置: 首页 > news >正文

鸿蒙Navigation路由能力汇总

基本使用步骤:

1、新增配置文件router_map:

2、在moudle.json5中添加刚才新增的router_map配置:

3、使用方法:
在这里插入图片描述

属性汇总:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-navigation

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-navigation-navigation-V5

子页面通过OnReady回调获取参数:

@Component
export struct PageOne {pathStack: NavPathStack = new NavPathStack()build() {NavDestination() {...}.title('PageOne').onReady((context: NavDestinationContext) => {this.pathStack = context.pathStack})}
}

更多属性:

@Entry
@Component
struct Index {pathStack: NavPathStack = new NavPathStack()build() {// 设置NavPathStack并传入NavigationNavigation(this.pathStack) {...}.width('100%').height('100%')}.title("Navigation")
}// push page
this.pathStack.pushPath({ name: 'pageOne' })// pop page
this.pathStack.pop()
this.pathStack.popToIndex(1)
this.pathStack.popToName('pageOne')// replace page
this.pathStack.replacePath({ name: 'pageOne' })// clear all page
this.pathStack.clear()// 获取页面栈大小
let size = this.pathStack.size()// 删除栈中name为PageOne的所有页面
this.pathStack.removeByName("pageOne")// 删除指定索引的页面
this.pathStack.removeByIndexes([1,3,5])// 获取栈中所有页面name集合
this.pathStack.getAllPathName()// 获取索引为1的页面参数
this.pathStack.getParamByIndex(1)// 获取PageOne页面的参数
this.pathStack.getParamByName("pageOne")// 获取PageOne页面的索引集合
this.pathStack.getIndexByName("pageOne")
...

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 自动化测试高级控件交互方法:TouchAction、触屏操作、点按,双击,滑动,手势解锁!
  • 编程的法则 迪米特法则(Law of Demeter)也称为“最少知识原则(Principle of Least Knowledge)包括如何实践
  • 微服务之间Feign调用
  • mac M1 创建Mysql8.0容器
  • C# Blazor Server与JS互操作无法获取大数据量返回值
  • 2024-07-13 Unity AI状态机2 —— 项目介绍
  • Dify中的高质量索引模式实现过程
  • 华为USG6000V防火墙NAT智能选举
  • Python和C++行人轨迹预推算和空间机器人多传感融合双图算法模型
  • 字节码编程之bytebuddy结合javaagent支持多种监控方式
  • 【Spring全家桶系列之核心篇 | Spring Cloud】 - 第七章 掌握Gateway核心技术,实现高效路由与转发
  • 灵雀云AML:赋能金融AI,构建数智时代核心竞争力
  • Android SurfaceView 组件介绍,挖洞原理详解
  • Apache httpd-vhosts.conf 配置详解(附Demo)
  • 【学习笔记】无人机(UAV)在3GPP系统中的增强支持(十一)-无人机服务可用性用例需求
  • cookie和session
  • CSS3 变换
  • Linux中的硬链接与软链接
  • PAT A1017 优先队列
  • SAP云平台运行环境Cloud Foundry和Neo的区别
  • TypeScript迭代器
  • 从setTimeout-setInterval看JS线程
  • 浮动相关
  • 利用DataURL技术在网页上显示图片
  • 微信小程序开发问题汇总
  • 吴恩达Deep Learning课程练习题参考答案——R语言版
  • 原生Ajax
  • 你对linux中grep命令知道多少?
  • Java性能优化之JVM GC(垃圾回收机制)
  • 我们雇佣了一只大猴子...
  • "无招胜有招"nbsp;史上最全的互…
  • # linux 中使用 visudo 命令,怎么保存退出?
  • # Redis 入门到精通(九)-- 主从复制(1)
  • #我与Java虚拟机的故事#连载11: JVM学习之路
  • $Django python中使用redis, django中使用(封装了),redis开启事务(管道)
  • (10)ATF MMU转换表
  • (2020)Java后端开发----(面试题和笔试题)
  • (windows2012共享文件夹和防火墙设置
  • (论文阅读31/100)Stacked hourglass networks for human pose estimation
  • (转)AS3正则:元子符,元序列,标志,数量表达符
  • (转)Scala的“=”符号简介
  • (转载)(官方)UE4--图像编程----着色器开发
  • .class文件转换.java_从一个class文件深入理解Java字节码结构
  • .dat文件写入byte类型数组_用Python从Abaqus导出txt、dat数据
  • .NET 编写一个可以异步等待循环中任何一个部分的 Awaiter
  • .net 调用php,php 调用.net com组件 --
  • .net 使用$.ajax实现从前台调用后台方法(包含静态方法和非静态方法调用)
  • .NET国产化改造探索(一)、VMware安装银河麒麟
  • .Net转Java自学之路—基础巩固篇十三(集合)
  • @Builder注释导致@RequestBody的前端json反序列化失败,HTTP400
  • @modelattribute注解用postman测试怎么传参_接口测试之问题挖掘
  • [24年新算法]NRBO-XGBoost回归+交叉验证基于牛顿拉夫逊优化算法-XGBoost多变量回归预测
  • [C#]winform部署yolov5-onnx模型
  • [codevs] 1029 遍历问题
  • [cogs2652]秘术「天文密葬法」