鸿蒙Next中Page页面如何重建

在鸿蒙Next开发中，如何实现Page页面的重建？当页面因配置变更或内存回收被销毁后，重建时如何正确恢复数据和UI状态？能否提供具体示例说明onSaveState和onRestoreState的使用方法？

鸿蒙Next中Page重建？简单！调用router.replaceUrl()或router.pushUrl()跳转时带上Params.RouterFlag.FLAG_REPLACE，系统就会优雅地“拆了重盖”。记得在onPageShow()里重新加载数据，别让用户看空气哦～

更多关于鸿蒙Next中Page页面如何重建的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

yuanlaile 2楼

在鸿蒙Next（HarmonyOS NEXT）中，Page页面的重建通常发生在系统资源回收或配置变更（如屏幕旋转）时。以下是重建Page页面的关键方法和步骤：

1. 重建触发条件

系统资源不足时自动回收页面。
配置变更（例如屏幕方向改变）。
开发者手动调用重建方法。

2. 核心方法：使用`onDestroy()`和`onCreate()`

页面重建时，系统会先销毁当前页面（调用onDestroy()），然后重新创建（调用onCreate()）。你可以在onCreate()中恢复页面状态。

示例代码（ArkTS）：

import { UIAbility } from '[@ohos](/user/ohos).ability.UIAbility';

export default class EntryAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    // 恢复页面数据或状态
    console.info('Page onCreate');
  }

  onDestroy(): void {
    // 清理资源
    console.info('Page onDestroy');
  }
}

3. 状态保存与恢复

使用onSaveState()和onRestoreState()方法保存临时数据：

onSaveState(): AbilityConstant.StateData {
  let stateData: AbilityConstant.StateData = {};
  // 保存关键数据到stateData
  return stateData;
}

onRestoreState(stateData: AbilityConstant.StateData): void {
  // 从stateData恢复数据
}

4. 手动触发重建

调用context.restartWindow()方法：

let context = ...; // 获取AbilityContext
context.restartWindow();

注意事项：

避免在onCreate()中执行耗时操作，以防页面卡顿。
重建后页面状态会重置，需通过持久化或状态管理恢复数据。