鸿蒙Next开发中如何设置navigation的默认页面

在鸿蒙Next开发中，我想设置navigation的默认页面，但不知道具体该如何操作。比如在路由配置中应该怎样指定默认页？是否需要在启动时手动跳转，还是有更简便的配置方式？求具体代码示例或官方文档指引。

2 回复

鸿蒙Next里设置默认页面？简单！在MainAbility的onWindowStageCreate()里，把第一个page的路径设为"pages/Index"就行。就像给导航装了个“回家”按钮，一启动就直奔主题！🚀

（代码示例：windowStage.setUIContent("pages/Index", null)）

更多关于鸿蒙Next开发中如何设置navigation的默认页面的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next开发中，设置navigation的默认页面可以通过在NavDestinationStack中指定初始页面来实现。以下是具体步骤和示例代码：

  1. 定义页面路径：在resources/base/profile/main_pages.json中配置页面路由。
  2. 设置初始页面：在EntryAbility的onWindowStageCreate方法中，通过NavDestinationStack设置默认页面。

示例代码：

// EntryAbility.ts
import UIAbility from '@ohos.app.ability.UIAbility';
import window from '@ohos.window';

export default class EntryAbility extends UIAbility {
  onWindowStageCreate(windowStage: window.WindowStage) {
    // 设置导航栈的初始页面
    windowStage.setUIContent(this.context, "pages/Index", null);
  }
}

// resources/base/profile/main_pages.json
{
  "src": [
    "pages/Index",
    "pages/Detail"
  ]
}

说明：

  • pages/Index为默认页面路径，需在main_pages.json中声明。
  • 此方法适用于ArkTS开发范式。
  • 确保目标页面文件（如Index.ets）存在于pages目录下。

通过以上配置，应用启动时将直接加载Index页面作为默认页。

回到顶部