HarmonyOS实战:路由跳转踩坑记

简介: 随着华为HarmonyOS NEXT推出,鸿蒙系统逐渐脱离安卓。为提前做好技术储备,车企也开始学习鸿蒙开发。然而,目前资料稀缺,初学者常遇难题。例如,字符串定义从大写“String”变为小写“string”,路由跳转需手动在`main_pages.json`中注册页面路由,否则会出现“路由不存在”的错误。这些细节易被忽视,建议学习者多留意官方文档与示例代码,分享经验以减少弯路。

背景

     随着华为纯血版HarmonyOS NEXT的推出,鸿蒙系统脱离安卓的日子越来越近了。作为车企大厂的我们当然要第一时间学习鸿蒙开发,提前做好技术储备,为日后鸿蒙应用的开发做好准备工作。于是,小编不得不开始卷起来。哎,前一段时间刚卷完Flutter。。。。

问题

        目前关于鸿蒙的资料不多,小编也是只能从鸿蒙开发者官网上看看官方学习视频,不得不说,视频讲解的真简单,觉得自己一看就会,当上手写代码的时候却又是另外一个样子了。不管是Java还是Kotlin,字符串都是用大写String来定义,一到鸿蒙上就变成了小写string。初学者要特别注意,不然出错都找不到地方,甚至怀疑自己的能力。

      这两天学到鸿蒙的路由跳转,下面是官方的文档截图:

官方文档只给了一个路由跳转的API使用方法,我一看如此简单,立马照葫芦画瓢。下面是我的路由跳转代码截图:

我写了个列表,点击Text跳转第二页。和官方文档写的完全一样。我也是比对了好几遍。当我信心满满的点击时,发现居然页面不跳转。泪奔。。。。和文档写的完全一样啊,难道是文件名不对?传的应该是第二页定义的结构体名称? 我立刻把结构体名称改成TodoListPage,发现依然报错:

错误信息提示 路由不存在。我有点懵逼了,又把文档翻了几遍。确定一点问题没有,完全一样。还是无法跳转。

这是什么鬼?二话不说直接下载官方demo,一点点比对,从上到下比对了一堆文件,终于在main_pages.json 文件中发现了问题。

原来需要在这个文件中注册路由!!!我们手动创建的文件并不会自动注册路由,需要手动注册,手动注册,手动注册!!!重要的事情说三遍!

注册完路由,果然问题解决了,初学者一定要注意这一点,不然可能会碰到和小编一样的问题。

除此之外,小编也给大家尝试过了,这个路由表示的是文件名称,并不是文件里面的结构体名称。

正在学习鸿蒙的小伙伴,可以分享一下在学习中遇到的坑,避免大家多走弯路。。。

目录
相关文章
|
10天前
|
定位技术 UED
70. [HarmonyOS NEXT 实战案例九] 旅游景点网格布局(下)
在上一篇教程中,我们学习了如何使用GridRow和GridCol组件实现基本的旅游景点网格布局。本篇教程将在此基础上,深入探讨如何优化布局、添加交互功能,以及实现更多高级特性,打造一个功能完善的旅游景点应用。
28 1
|
10天前
|
容器
69.[HarmonyOS NEXT 实战案例九] 旅游景点网格布局(上)
本教程将详细讲解如何使用HarmonyOS NEXT中的GridRow和GridCol组件实现旅游景点网格布局。通过网格布局,我们可以以美观、规整的方式展示各种旅游景点信息,为用户提供良好的浏览体验。
23 1
|
10天前
|
UED
68.[HarmonyOS NEXT 实战案例八] 电影票务网格布局(下)
在上一篇教程中,我们学习了如何使用GridRow和GridCol组件实现基本的电影票务网格布局。本篇教程将在此基础上,深入探讨如何优化布局、添加交互功能,以及实现更多高级特性,打造一个功能完善的电影票务应用。
31 1
|
10天前
|
开发者 容器
67.[HarmonyOS NEXT 实战案例八] 电影票务网格布局(上)
在移动应用开发中,电影票务应用是一个常见的场景,用户可以通过应用查看正在热映的电影信息,并进行选座购票等操作。本教程将详细讲解如何使用HarmonyOS NEXT的GridRow和GridCol组件实现电影票务应用中的电影列表网格布局,帮助开发者掌握网格布局的基本用法和实现技巧。
23 1
|
10天前
|
UED
66.[HarmonyOS NEXT 实战案例七] 健身课程网格布局(下)
在上一篇教程中,我们学习了如何使用GridRow和GridCol组件实现基本的健身课程网格布局。本篇教程将在此基础上,深入探讨如何优化布局、添加交互功能,以及实现更多高级特性,打造一个功能完善的健身课程应用。
20 1
|
10天前
|
设计模式 UED
65. [HarmonyOS NEXT 实战案例七] 健身课程网格布局(上)
本教程将介绍如何使用HarmonyOS NEXT的GridRow和GridCol组件实现健身课程的网格布局展示。健身课程网格布局是一种常见的UI设计模式,适用于展示各种健身课程信息,包括课程名称、教练信息、课程时长、难度级别等。通过网格布局,用户可以快速浏览多个课程,并根据自己的需求选择合适的课程。
26 1
|
10天前
|
设计模式 容器
61.[HarmonyOS NEXT 实战案例五] 社交应用照片墙网格布局(上)
社交应用中的照片墙是一种常见的UI设计模式,它以网格形式展示用户的照片集合,让用户可以浏览、分享和互动。本教程将详细讲解如何使用HarmonyOS NEXT的GridRow和GridCol组件实现一个美观、灵活的社交应用照片墙网格布局。 在本教程中,我们将学习如何设计照片墙的数据结构、如何使用GridRow和GridCol组件创建网格布局、如何实现照片卡片,以及如何处理不同尺寸的照片。通过本教程,你将掌握使用GridRow和GridCol组件实现复杂网格布局的技巧。
22 1
|
10天前
64.[HarmonyOS NEXT 实战案例六] 餐饮菜单网格布局(下)
在上一篇教程中,我们学习了如何使用GridRow和GridCol组件实现基本的餐饮菜单网格布局。本篇教程将在此基础上,深入探讨如何优化布局、添加交互功能,以及实现更多高级特性,打造一个功能完善的餐饮菜单应用。
17 0
|
10天前
|
存储
63.[HarmonyOS NEXT 实战案例六] 餐饮菜单网格布局(上)
在移动应用开发中,餐饮类应用的菜单展示是一个常见的需求。一个设计良好的菜单布局不仅能够清晰地展示菜品信息,还能提升用户的点餐体验。本教程将详细讲解如何使用HarmonyOS NEXT的GridRow和GridCol组件实现一个美观实用的餐饮菜单网格布局。
24 0
|
10天前
|
UED
62. [HarmonyOS NEXT 实战案例五] 社交应用照片墙网格布局(下)
在上一篇教程中,我们学习了如何使用GridRow和GridCol组件实现基本的社交应用照片墙网格布局。本篇教程将在此基础上,深入探讨如何优化布局、添加交互功能,以及实现更多高级特性,打造一个功能完善的社交应用照片墙。
19 0