鸿蒙界面开发——组件（7）：组件导航 & 页面路由&Navigation路由的详细实现

已于 2024-12-18 18:09:01 修改
阅读量1.6k 收藏 24
点赞数 20
分类专栏： 鸿蒙前端学习 文章标签： harmonyos 华为 鸿蒙 前端
于 2024-09-10 10:58:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/littleyy666/article/details/141951798
版权

组件导航 (Navigation)(推荐)

Navigation()
Navigation(pathInfos: NavPathStack)

Navigation是路由容器组件，一般作为首页的根容器，包括单栏(Stack)、分栏(Split)和自适应(Auto)三种显示模式。Navigation组件适用于模块内和跨模块的路由切换，一次开发，多端部署场景。通过组件级路由能力实现更加自然流畅的转场体验，并提供多种标题栏样式来呈现更好的标题和内容联动效果。在不同尺寸的设备上，Navigation组件能够自适应显示大小，自动切换分栏展示效果。

Navigation组件主要包含​导航页(NavBar)和子页(NavDestination)。
导航

了解本专栏 订阅专栏 解锁全文 超级会员免费看
HarmonyOS开发：路由容器Navigation的使用详解
软贱开发攻城狮
08-04 1万+
众所周知，HarmonyOS作为华为推出的新一代操作系统，其开发框架提供了全新的能力和组件，以支持跨平台应用开发，越来越多的开发者加入到鸿蒙应用开发中，而在HarmonyOS的应用开发中，HarmonyOS提供了一套全新的开发框架和API，路由容器Navigation扮演着至关重要的角色，它负责页面的跳转和导航控制，是应用组件化开发中不可或缺的一部分。那么这篇文章，就来详细介绍路由容器Navigation的使用方法，并通过具体的示例源码，帮助大家深入了解和学习使用。
【鸿蒙开发】—— 组件导航 (Navigation) (推荐)
最新发布
2401_88547687的博客
11-06 832
Navigation通过 customNavContentTransition 事件提供自定义转场动画的能力，通过如下三步可以定义一个自定义的转场动画。构建一个自定义转场动画工具类CustomNavigationUtils，通过一个Map管理各个页面自定义动画对象CustomTransition，页面在创建的时候将自己的自定义转场动画对象注册进去，销毁的时候解注册；
鸿蒙开发进阶之鸿蒙组件化项目搭建
weixin_48091641的博客
04-25 1134
鸿蒙战略胜利，目前鸿蒙开发是一个急需要人才的缺口，在未来几年势必会有大量的鸿蒙岗位出现，目前所存在的鸿蒙岗位也是给出了相当高的薪资。事实证明，鸿蒙开发确实是一块香饽饽。作为华为自家的操作系统，正在逐步扩张市场份额。想要转行或者入行的朋友可以下手了。在这里，为大家提供一份我整理的鸿蒙开发学习资料，涵盖了UI开发、web、应用模型多个知识点，有需要的朋友可以扫描下方二维码，免费获取更多相关资料。
鸿蒙南向开发实战：容器类组件开发
shudaoshanQAQ的博客
04-25 1338
容器类组件，指能包含其它UI组件的组件.......
鸿蒙开发（HarmonyOS）组件化浅谈
nanxuan521的专栏
09-20 1368
众所周知，现在组件化在移动开发中是很常见的，那么组件化有哪些好处：1.：组件化允许将应用程序的不同功能模块化，使得这些模块可以在不同的项目中重复使用，从而提高开发效率并减少重复工作。2.：通过组件化的规则将代码拆分成不同的模块，实现高内聚、低耦合，使得代码更易于维护，降低了模块间的依赖，减少了潜在的错误和问题。3.：组件化使得开发团队可以并行工作，每个团队可以专注于自己的组件，独立开发和维护，这样可以加快开发进度，提高整体的开发效率。4.
基于原生能力的组件封装
hongxiaomeng的博客
07-23 419
【HarmonyOS实战开发】鸿蒙内置组件详解
HarmonyOS_002的博客
07-09 1435
这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）技术知识点。
鸿蒙开发逐个击破系列——组件导航 (Navigation)(推荐)和页面路由 (@ohos.router)
qq_44160056的博客
08-12 1269
提示：以下是本篇文章正文内容，下面案例可供参考易用性层面：Navigation天然具备标题、内容、回退按钮的功能联动，开发者可以直接使用此能力。Router若要实现此能力，需要自行定义；Navigation的页面是由组件构成，易于实现共享元素的转场。功能层面：Navigation天然支持一多，Router不支持；Navigation没有路由数量限制，Router限制32个；Navigation可以获取到路由栈NavPathStack，并对路由栈进行操作；
React Native中导航组件react-navigation跨tab路由处理详解
11-28
`react-navigation`是一个广泛使用的导航库，它提供了多种导航组件，如`StackNavigator`、`TabNavigator`和`DrawerNavigator`等，来帮助开发者管理应用程序中的路由。 在本问题中，我们讨论的是如何在`react-...
vue-navigation：页面导航库，记录路由和缓存页面，例如本机应用程序导航。一个页面导航库，记录路由并缓存页面，像原生APP导航一样
02-06
vue导航的默认行为类似于本地移动应用（A，B，C是页面）： A转发到B，然后转发到C； C回到B，B将从缓存中恢复； B再次转发给C，C将重建，而不是从缓存中恢复； C前进到A，A将建立，现在路由包含两个A实例。 ...
鸿蒙组件 harmonyOS widge.zip
02-07
华为 鸿蒙系统 开发
鸿蒙界面系统,鸿蒙系统是什么样的界面,详解华为鸿蒙系统
weixin_33245735的博客
05-27 1660
鸿蒙OS是基于微内核的全场景分布式OS，这是分布式架构首次用于终端OS，可以实现跨终端无缝协同体验。鸿蒙系统系统4大特点据悉，“微内核”是鸿蒙OS的特点之一。即微内核采用同一套操作平台，针对不同硬件能力的产品进行部署，并采用分布式架构，提升效率。对此余承东指出，Android有超过1亿行代码，内核就超过2000万行，但一般用户用到的代码不到8%，整体比较冗余，在IoT时代这既没必要也不需要。鸿蒙O...
【鸿蒙】Harmony应用开发-目录导航
Tomes.V.White
03-11 559
鸿蒙系统架构
HarmonyOS从简单页面开始(1)，2024年最新HarmonyOS鸿蒙开发环境页面设计
2401_84165953的博客
04-13 911
TextInput({ placeholder: ‘请输入帐号’ })TextInput({ placeholder: ‘请输入密码’ })@Entry@Componentbuild() {Column() {Button(‘设置光标位置’)})@Entry@Componentbuild() {Column() {TextInput({ placeholder: ‘请输入账号’ })
HarmonyOs开发：导航tabs组件封装与使用
知足常乐
04-17 1735
主页的底部导航以及页面顶部的切换导航，无论哪个系统，哪个App，都是最常见的功能之一，虽然说在鸿蒙中有现成的组件tabs可以很快速的实现，但是在使用的时候，依然有几个潜在的问题存在
鸿蒙系统北斗导航系统,这个“北斗导航” App，竟欺骗了几百万人！
weixin_42365492的博客
05-31 3622
近期有不少朋友问我，北斗导航在哪里下载？应用商城里面的那些应用哪个才是真正的北斗导航？如下图，一个“北斗导航”APP竟有347万的下载量。其实这里给大家说明一下，北斗导航并非应用，而且北斗卫星导航系统也并没有发布任何应用。只要你的手机芯片支持北斗导航系统，那么你的手机就能使用它。但我们要如何知道自己的手机是否支持北斗导航系统呢？其实在手机的参数中我们就能看到。比如华为P40 ，这个我们在官网的规格...
鸿蒙HarmonyOS APP开发入门3——组件（九 按钮组件 ）—(1)
2401_84181942的博客
04-14 381
利用圆形按钮，胶囊按钮，文本组件可以绘制出如下拨号盘的UI界面。
【鸿蒙应用ArkTS开发系列】- 云开发入门实战二 实现省市地区三级联动地址选择器组件（下）
枫的专栏
11-23 2786
我们在前面的课程，对云开发的入门做了介绍，以及使用一个省市地区联动的地址选择器示例，为大家演示了如何创建云开发工程，以及云数据库、云函数的开发实战。如果有读者还没看过前面的这两篇文章，那在读这篇文章之前，建议先看下以下这两篇文章，之后再来阅读本篇文章，会更好理解云开发这块的内容。 《【鸿蒙应用ArkTS开发系列】- 云开发入门简介》 《【鸿蒙应用ArkTS开发系列】- 云开发入门实战二 实现省市地区联动地址选择器组件（上）》那我们现在正式开始今天的课程，本次课程是 《【鸿蒙应用ArkTS开发系列】- 云开发
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weightOneMillion

感谢未来的亿万富翁捧个钱场~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值
>