HarmonyOS bindSheet导致onBackPress回调链路被打破

bindSheet在覆写shouldDismiss后，Entry的onBackPress回调无法响应，不符合预期。

我们在onBackPress里统一管理了返回逻辑，可以不可以不阻断onBackPress回调？

HarmonyOS

FengTianYa

2024-09-27 10:47:52

浏览

回答 2

待解决

回答 2

按赞同

按时间

鱼弦CTO

在 HarmonyOS 中，bindSheet 会覆盖默认的 onBackPress 行为。如果需要在 bindSheet 中保持对 onBackPress 的统一管理，可以手动处理返回逻辑。而不是依赖于默认的事件传播。

你可以通过手动设置 shouldDismiss 参数来控制是否应该关闭 bindSheet，同时确保 onBackPress 事件能够被正确调用。在这种情况下，你需要重写 onBackPress 方法，并手动处理 bindSheet 的关闭操作。

### 示例代码

@Entry
@Component
struct MainPage {
  @State isShow: boolean = false
  @State sheetHeight: number = 200
  
  build() {
    Column() {
      Button("Open Sheet")
        .onClick(() => {
          this.isShow = true;
        })
        .fontSize(20)
        .margin(10)

      // Bind the sheet with custom dismiss logic
      .bindSheet($$this.isShow, this.sheetBuilder(), {  
        height: this.sheetHeight,
        shouldDismiss: (event) => {
          // Custom dismiss logic
          console.log('Custom shouldDismiss triggered');
          // Ensure that onBackPress can still be handled
          return true;  // Return true to allow the default dismiss behavior
        }
      })
    }
    .justifyContent(FlexAlign.Center)
    .alignItems(HorizontalAlign.Center)
    .width('100%')
    .height('100%')
  }

  // Define the content of the sheet
  @Builder
  sheetBuilder() {
    Column() {
      Text("Sheet Content")
        .fontSize(20)
        .margin(10)
      
      Button("Close")
        .onClick(() => {
          this.isShow = false;
        })
        .fontSize(20)
        .margin(10)
    }
    .width('100%')
    .height('100%')
  }

  onBackPress() {
    // Custom back press handling
    console.log('MainPage onBackPress triggered');
    if (this.isShow) {
      this.isShow = false;
      return true;  // Indicate that the event has been handled
    }
    return false;  // Let the system handle the event if not handled
  }
}

### 解释

自定义 onBackPress：

在MainPage 组件中重写onBackPress 方法，添加自定义返回逻辑。
如果isShow 为true，则关闭bindSheet 并返回true 表示事件已被处理。
否则返回false，让系统继续处理该事件。

自定义 shouldDismiss：

在bindSheet 配置中重写shouldDismiss 方法，以确保在点击返回按钮时调用自定义返回逻辑。
返回true 以允许默认的关闭行为，但实际的关闭逻辑由onBackPress 方法控制。

管理 bindSheet 状态：

使用@State 管理isShow 和sheetHeight 状态。
当点击打开按钮时，将isShow 设置为true 以显示bindSheet。
当点击关闭按钮或触发自定义返回逻辑时，将isShow 设置为false 以关闭bindSheet。

通过上述方法，可以确保在使用 bindSheet 时，不会阻断 onBackPress 回调链路，同时仍然能够自定义 bindSheet 的关闭逻辑。如果有任何进一步的问题或特殊需求，请随时提问。

2024-09-28 16:16:53

superinsect

在关闭页面时才会触发onBackPress回调，就算不设置shouldDismiss，关闭bindsheet弹窗也不会触发onBackPress回调的。

2024-09-27 17:09:57

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS bindSheet导致onBackPress回调链路被打破

订阅鸿蒙技术特刊，精选内容抢先看