【HarmonyOS NEXT 】ArkTS应用路由页面制作及跳转

SDK：5.0.0
DevEco Studio：5.0.3
Node.js：18.20.1

创建页面

1、创建文件夹和ets文件
文件0路径：src > main > ets > pages > Index.ets
文件1路径：src > main > ets > pages > pagesA > Index.ets
文件2路径：src > main > ets > pages > pagesB > Index.ets

2、在main_pages.json文件中将新建页面增加出来
文件路径：

{
  "src": [
    "pages/Index",
    "pages/pagesA/Index",
    "pages/pagesB/Index"
  ]
}

二、路由跳转

1、导入路由模块

import router from '@system.router';

2、页面跳转方法

// 跳转到新页面
router.push({
  uri: 'pages/pagesA/Index' // 这里填入你想要跳转的页面的路径
});

3、路由跳转时传递参数给目标页面

// 路由跳转时传递参数
router.push({
  uri: 'pages/pageB/index',
  params: {
    key1: 'value1',
    key2: 'value2'
  }
});

// 目标路由页面接收参数
onInit(options) {
  console.log('options:', options);
}

4、返回到上一页面或指定页面

// 返回上一页面或指定的页面。
router.back();    

// 返回到指定页面
router.back({uri:'pages/pagesB/Index'});    

三、清除页面栈

1、清除所有页面栈

router.clear(); 

2、清除指定页面栈

router.clearTo({
  uri: 'pages/pagesA/Index'
});

注：页面栈的最大容量为32个页面，超过这个限制时可用此方法清除。

1