拉起双半模态，在实际开发中，我们在点击对应的选项时，需要通过半模态去进行进行着重显示

@Entry 
@Component 
struct SheetTransitionExample { 
  @State isShow: boolean = false 
  @State isShow2: boolean = false 
  @State sheetHeight: number = 400; 
  @State sheetHeight2: number = 200; 
  @State showDragBar: boolean = true; 
  @State showDragBar2: boolean = true; 
  
  @Builder 
  myBuilder() { 
    Column() { 
      Button("close modal 1") 
        .margin(10) 
        .fontSize(20) 
        .onClick(() => { 
          this.isShow = false; 
        }) 
      Button("open sheet2") 
        .margin(10) 
        .fontSize(20) 
        .onClick(() => { 
          // this.isShow = false; 
          this.isShow2 = true; 
        }) 
        .bindSheet( 
          $$this.isShow2, 
          this.myBuilder2(), 
          { 
            height: this.sheetHeight2, 
            dragBar: this.showDragBar2, 
            backgroundColor: Color.Blue, 
            maskColor:Color.Black, 
            onAppear: () => { 
              console.log("BindSheet onAppear.") 
            }, 
            onDisappear: () => { 
              console.log("BindSheet onDisappear.") 
            } 
          } 
        ) 
  
    } 
    .width('100%') 
    .height('100%') 
  } 
  
  @Builder 
  myBuilder2() { 
    Column() { 
      Button("close sheet2") 
        .margin(10) 
        .fontSize(20) 
        .onClick(() => { 
          this.isShow2 = false; 
          this.isShow = false; 
        }) 
    } 
    .width('100%') 
    .height('100%') 
  } 
  
  build() { 
    Column() { 
      Button("transition modal 1") 
        .onClick(() => { 
          this.isShow = true 
        }) 
        .fontSize(20) 
        .margin(10) 
        .bindSheet($$this.isShow, this.myBuilder(), { 
          height: this.sheetHeight, 
          dragBar: this.showDragBar, 
          backgroundColor: Color.Green, 
          maskColor:Color.Black, 
          onAppear: () => { 
            console.log("BindSheet onAppear.") 
          }, 
          onDisappear: () => { 
            console.log("BindSheet onDisappear.") 
          } 
        }) 
    } 
    .justifyContent(FlexAlign.Center) 
    .width('100%') 
    .height('100%') 
  } 
}