HarmonyOS 退出app进行手势拦截

关注

原创 2025-09-28 22:48:09 231 阅读 AI 写同款· GEO 优化 ›

鸿蒙原生APP开发之应用自定义弹窗开发实践弹窗是应用开发需要实现的基础功能，通常用来展示用户当前需要或用户必须关注的信息或操作，可用于广告、中奖、警告、软件更新等与用户交互响应的操作。在应用开发中，经常需要实现自定义UI和功能要求，系统弹窗往往无法满足需求，此时就需要使用到自定义弹窗了。合理选择不同的系统能力实现弹窗，有利于提升应用开发效率，实现更好的功能需求，因此了解自定义弹窗的选型和差异非常重要。在应用开发中，为了选择出合适的弹窗选型，从使用场景上，需要重点关注以下两点：弹窗与界面代码解耦。阅读详情

在我们日常开发过程中，为了避免用户由于误触返回键导致的误退出app，我们常常要对用户的退出手势进行第一次拦截，第二次通过的操作，现在，向大家介绍一种退出app手势拦截及通过判断方法

文档地址：https://qcnda4r17bnp.feishu.cn/wiki/He97wqZt1iP4BLkQcn1cgrsrnYb

import { promptAction } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  lastBackPressTime: number = 0
  isWaitingSecond: boolean = false

  onBackPress(): boolean | void {
    const nowTime: number = Date.now()
    if (!this.isWaitingSecond || nowTime - this.lastBackPressTime > 2000) {
      this.lastBackPressTime = nowTime
      this.getUIContext().getPromptAction().showToast({
        message: '再按一次退出app'
      })
      this.isWaitingSecond = true
      // 进行阻止退出
      return true
    }
    // 如果不是以上两种状况，应当给予通行
    this.isWaitingSecond = false
    // 予以通行
    return false
  }

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('HelloWorld')
        .fontSize($r('app.float.page_text_font_size'))
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onClick(() => {
          this.message = 'Welcome';
        })
    }
    .height('100%')
    .width('100%')
  }
}

实现效果：

第一次返回时