介绍
在编辑场景中，存在用户误触返回，导致内容未保存就退出编辑页的现象; 本示例介绍使用NavDestination组件的onBackPressed回调对返回事件进行拦截，提示用户保存编辑内容，并使用preferences实例持久化保存内容。
效果预览图
使用说明
- 编辑状态侧滑返回弹出弹窗提醒用户是否保存。
- 点击弹窗空白区域，弹窗消失，继续编辑。
- 点击保存按钮，返回主页，保存用户编辑的数据，再次进入编辑页可在上次编辑的基础上再次编辑。
实现思路
-
因为功能是以har的形式集成在主工程中，没有@Entry修饰的组件，也无法作为入口组件，不能使用@Entry组件的onBackPress生命周期函数。
-
在使用方面onBackPressed是NavDestination自己的事件，需配合NavDestination组件使用； 且组件本身用于显示Navigation内容区，作为子页面的根容器，因此若拦截子页面的返回事件，可使用onBackPressed回调。
-
onBackPress生命周期函数只能在@Entry组件中使用，因此若对入口组件的返回事件拦截可使用onBackPress生命周期函数。
-
通过NavDestination组件的onBackPressed回调对返回事件进行拦截；源码参考MainPage.ets。
// 应用主页用NavDestination承载，用于显示Navigation的内容区
Navigation(this.pageStackForComponentSharedPages) {
}
.onAppear(() => {
this.pageStackForComponentSharedPages.pushPathByName("MainPage", null, false);
})
// 创建NavDestination组件，需使用此组件的onBackPressed回调拦截返回事件
.navDestination(this.textArea)
@Builder textArea(name: string) {
NavDestination() {
Column() {
TextArea({
text: this.text,
placeholder: 'input your word...',
controller: this.controller
})
.onChange((value: string) => {
this.text = value;
})
}
.justifyContent(FlexAlign.Start)
.width('100%')
.height('100%')
}
.onBackPressed(() => {
// 此处可添加拦截处理逻辑，然后return true放行
return true
}
}
高性能知识点
不涉及
工程结构&模块类型
sideslipintercept // har类型
|---mainpage
| |---Mainpage.ets // 视图层-组件页面
模块依赖
本场景依赖了路由模块来注册路由。
参考资料
navigation
NavDestination
@ohos.data.preferences (用户首选项)
为了能让大家更好的学习鸿蒙（HarmonyOS NEXT）开发技术，这边特意整理了《鸿蒙开发学习手册》（共计890页），希望对大家有所帮助：https://qr21.cn/FV7h05
《鸿蒙开发学习手册》：
如何快速入门：https://qr21.cn/FV7h05
- 基本概念
- 构建第一个ArkTS应用
- ……
开发基础知识：https://qr21.cn/FV7h05
- 应用基础知识
- 配置文件
- 应用数据管理
- 应用安全管理
- 应用隐私保护
- 三方应用调用管控机制
- 资源分类与访问
- 学习ArkTS语言
- ……
基于ArkTS 开发：https://qr21.cn/FV7h05
- Ability开发
- UI开发
- 公共事件与通知
- 窗口管理
- 媒体
- 安全
- 网络与链接
- 电话服务
- 数据管理
- 后台任务(Background Task)管理
- 设备管理
- 设备使用信息统计
- DFX
- 国际化开发
- 折叠屏系列
- ……
鸿蒙开发面试真题（含参考答案）：https://qr18.cn/F781PH
鸿蒙开发面试大盘集篇（共计319页）：https://qr18.cn/F781PH
1.项目开发必备面试题
2.性能优化方向
3.架构方向
4.鸿蒙开发系统底层方向
5.鸿蒙音视频开发方向
6.鸿蒙车载开发方向
7.鸿蒙南向开发方向
