HarmonyOS 使用半模态转场指定SheetMode为EMBEDDED时如何使用

可以参考这个demo：

@Entry
@Component
struct SheetModeDemo {
  @State message: string = 'Hello World';
  @State sheetMode: boolean = false
  @Builder
  buildBottomSheet() {
    Column()
      .width('100%')
      .height('100%')
      .backgroundColor(Color.Green)
  }

  build() {
    RelativeContainer() {
      Column() {
        Button('修改模态框的值')
          .onClick(() => {
            console.log('模态框的属性值修改了')
            this.sheetMode = true
          })
      }
      .width('100%')
      .height('100%')
      .alignRules({
        top: { anchor: '__container__', align: VerticalAlign.Top },
        bottom: { anchor: '__container__', align: VerticalAlign.Bottom },
        left: { anchor: '__container__', align: HorizontalAlign.Start },
        right: { anchor: '__container__', align: HorizontalAlign.End }
      });
    }
    .bindSheet(this.sheetMode, this.buildBottomSheet(), {
      showClose: false,
      dragBar: false,
      preferType: SheetType.BOTTOM,
      // enableOutsideInteractive:true,
      mode:SheetMode.EMBEDDED,
      // mode:SheetMode.OVERLAY,
      detents: [122, 32, 32],
      onDisappear: () => {
        this.sheetMode = false
      }
    })
    //.padding({ bottom: this.bottomRectHeight })
    .width('100%')
    .height('100%')
  }

}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.