HarmonyOS Navigation Dialog模式下如何禁用手势返回

官方的这个demo：

// Dialog NavDestination
@Entry
@Component
struct Index {
  @Provide('NavPathStack') pageStack: NavPathStack = new NavPathStack()

  @Builder
  PagesMap(name: string) {
    if (name == 'DialogPage') {
      DialogPage()
    }
  }

  build() {
    Navigation(this.pageStack) {
      Button('Push DialogPage')
        .margin(20)
        .width('80%')
        .onClick(() => {
          this.pageStack.pushPathByName('DialogPage', '');
        })
    }
    .mode(NavigationMode.Stack)
    .title('Main')
    .navDestination(this.PagesMap)
  }
}

@Component
export struct DialogPage {
  @Consume('NavPathStack') pageStack: NavPathStack;

  build() {
    NavDestination() {
      Stack({ alignContent: Alignment.Center }) {
        Column() {
          Text("Dialog NavDestination")
            .fontSize(20)
            .margin({ bottom: 100 })
          Button("Close").onClick(() => {
            this.pageStack.pop()
          }).width('30%')
        }
        .justifyContent(FlexAlign.Center)
        .backgroundColor(Color.White)
        .borderRadius(10)
        .height('30%')
        .width('80%')
      }.height("100%").width('100%')
    }
    .backgroundColor('rgba(0,0,0,0.5)')
    .hideTitleBar(true)
    .mode(NavDestinationMode.DIALOG)
  }
}

在弹窗出现后，怎么禁用手势返回（或者系统导航返回按键）

HarmonyOS

aquaa

1天前

浏览

回答 1

待解决

回答 1

按赞同

按时间

zbw_apple

请参考示例如下：

NavDestination() {
  Stack({ alignContent: Alignment.Center }) {
    Column() {
      Text("Dialog NavDestination")
        .fontSize(20)
        .margin({ bottom: 100 })
      Button("Close").onClick(() => {
        this.pageStack.pop()
      }).width('30%')
    }
    .justifyContent(FlexAlign.Center)
    .backgroundColor(Color.White)
    .borderRadius(10)
    .height('30%')
    .width('80%')
  }.height("100%").width('100%')
}
.backgroundColor('rgba(0,0,0,0.5)')
.hideTitleBar(true)
.mode(NavDestinationMode.DIALOG)
.onBackPressed(() => {
  console.log('自定义操作')
  return true
})