HarmonyOS 半模态相关使用

问题1参考以下demo：https://gitee.com/harmonyos-cases/cases/tree/master/CommonAppDevelopment/feature/multimodaltransion

问题2由于使用了ForEach为每一个ListItem都绑定了半模态页面，同时每一个半模态页面的显示控制都是同一个字段“isShow1”。这样就会出现“isShow1”改变后，显示多个半模态页面

interface arrData {
  itemData: ItemInData[];
}

class ItemInData {
  name: string = "";

  constructor(name: string) {
    this.name = name;
  }
}

@Entry
@Component
struct SheetTransitionExample {
  showItem: ItemInData = new ItemInData("")
  arrData: arrData[] = [
    {
      itemData: [new ItemInData('1组1')]
    },
    {
      itemData: [new ItemInData('2组1'), new ItemInData('2组2'), new ItemInData('2组3')]
    }
  ]
  @State isShow: boolean = false;

  @Builder
  myBuilder(name: string) {
    Column() {
      Button(name)
        .margin(10)
        .fontSize(20)

    }
    .width('100%')

  }

  build() {
    Column() {
      /**
       * TODO: 知识点: 通过bindSheet属性为组件绑定半模态页面，由于半模态必须绑定组件，
       * 此处绑定无样式的Text组件作为开屏半模态展示。
       */
      Text().bindSheet($$this.isShow, this.myBuilder(this.showItem.name), {
        showClose: false,
        preferType: SheetType.CENTER,
        onWillAppear: () => {
          console.log("BindSheet onWillAppear." + this.showItem.name)
        },
        onWillDisappear: () => {
          console.log("BindSheet onWillDisappear."+ this.showItem.name)
        }
      })

      List({ space: 20 }) {
        ForEach(this.arrData, (item: arrData, groupId: number) => {
          ListItemGroup() {
            ForEach(item.itemData, (project: ItemInData, rowIdOfGroup: number) => {
              ListItem() {
                Button(project.name).backgroundColor(Color.Black)
                  .width("100%")
                  .padding(10)
              }
              .onClick(() => {
                this.isShow = true;
                this.showItem = project;
              })
            }, (item: string) => item)
          }
          .divider({ strokeWidth: 0.5, color: '#CFD6D6' }) // 每行之间的分界线
        })
      }.backgroundColor(Color.Green)
    }
    .justifyContent(FlexAlign.Start)
    .width('100%')
    .height('100%')
  }
}