Harmony bindSheet 基本 使用

153 阅读1分钟
.bindSheet($$this.isShowSheet,
      this.sheetBuilder(),
      {
        height: 400,
        showClose: false,
        // shouldDismiss : (disMiss)=>{
        //   // disMiss.dismiss();
        // }
        enableOutsideInteractive: true,
        maskColor: $r('sys.color.ohos_id_color_badge_red')
      })

第一个参数代表是否展示Sheet.这里使用 $$ 是设置双向绑定的状态。如果不设置双向绑定状态,比如点击遮盖导致Sheet隐藏之后。isShowSheet的状态不会改变。

enableOutsideInteractive 设置为true。遮盖会不显示。点击Sheet内容外部,Sheet也不会隐藏。

shouldDismiss : (disMiss)=>{
         // disMiss.dismiss();
    }

再隐藏之前会调用shouldDismiss。调用 disMiss.dismiss();才会隐藏。不调用不隐藏。