顺 “瓜” 摸 “藤”（鸿蒙开发）—— 1. 应用的二次退出 / 防误触退出（小📕案例版）

1import { promptAction } from '@kit.ArkUI';
2
3@Entry
4@Component
5struct Index {
6  // 是否为第一次退出
7  @State isFirstExit: boolean = false;
8  // 记录定时器ID，方便后续操作（删除定时器）
9  @State timeoutID?: number = undefined;
10
11  // 系统返回操作
12  // true 代表拦截返回操作，false 代表不拦截返回操作
13  onBackPress(): boolean | void {
14    // 第一次返回操作

1import { promptAction } from '@kit.ArkUI';
2
3@Entry
4@ComponentV2
5struct Index {
6  // 是否为第一次退出
7  @Local isFirstExit: boolean = false;
8  // 记录定时器ID，方便后续操作（删除定时器）
9  @Local timeoutID?: number;
10
11  // 系统返回操作
12  // true 代表拦截返回操作，false 代表不拦截返回操作
13  onBackPress(): boolean | void {
14    // 第一次返回操作

1import { promptAction } from "@kit.ArkUI";
2
3@Observed
4export class ExitViewModel {
5  // 是否为第一次退出
6  @Track isFirstExit: boolean = false;
7  // 记录定时器ID，方便后续操作（销毁定时器）
8  @Track timeoutID?: number;
9
10  // 第一次退出操作
11  firstExit(){
12    // 更改退出状态
13    this.isFirstExit = true;
14    // 清理旧的定时器（防御性编程）

1import { promptAction } from "@kit.ArkUI";
2
3@ObservedV2
4export class ExitViewModel {
5  // 是否为第一次退出
6  @Trace isFirstExit: boolean = false;
7  // 记录定时器ID，方便后续操作（销毁定时器）
8  @Trace timeoutID?: number;
9
10  // 第一次退出操作
11  firstExit(){
12    // 更改退出状态
13    this.isFirstExit = true;
14    // 清理旧的定时器（防御性编程）

1import { ExitViewModel } from '../viewmodel/ExitViewModel';
2
3@Entry
4@Component
5struct Index {
6  // 创建退出视图模型实例
7  @State exitVM: ExitViewModel = new ExitViewModel();
8
9  // 系统返回操作
10  // true 代表拦截返回操作，false 代表不拦截返回操作
11  onBackPress(): boolean | void {
12    if (!this.exitVM.isFirstExit) {
13      this.exitVM.firstExit();
14    } else {

1import { ExitViewModel } from '../viewmodel/ExitViewModel';
2
3@Entry
4@ComponentV2
5struct Index {
6  // 创建退出视图模型实例
7  @Local exitVM: ExitViewModel = new ExitViewModel();
8
9  // 系统返回操作
10  // true 代表拦截返回操作，false 代表不拦截返回操作
11  onBackPress(): boolean | void {
12    if (!this.exitVM.isFirstExit) {
13      this.exitVM.firstExit();
14    } else {