HarmonyOS Swiper嵌套RichEditor的问题

请参考示例demo：

@Entry
@Component
struct Index2 {
  controller: RichEditorController = new RichEditorController();
  option: RichEditorOptions = { controller: this.controller };
  private swiperController: SwiperController = new SwiperController()
  @State list:string[]=['','','']
  @State controllerList: RichEditorOptions[] = []
  @State index: number = 0
  aboutToAppear(): void {
    for (let index = 0; index < this.list.length; index++) {
      this.controllerList.push({
        controller: new RichEditorController()
      })
    }
  }
  build() {
    Column() {
      Swiper(this.swiperController){
        ForEach(this.list,(item:string,index:number)=>{
          Column() {
            RichEditor(this.controllerList[index])
              .onReady(() => {
                this.controllerList[index].controller.addTextSpan("0123456789",
                  {
                    style:
                    {
                      fontColor: Color.Orange,
                      fontSize: 30
                    }
                  })
                this.controllerList[index].controller.addImageSpan($r("app.media.startIcon"),
                  {
                    imageStyle:
                    {
                      size: ["57px", "57px"]
                    }
                  })
              })
              .onSelect((value: RichEditorSelection) => {
                console.info("onSelect=" + JSON.stringify(value))
              })
              .aboutToIMEInput((value: RichEditorInsertValue) => {
                return true;
              })
              .onIMEInputComplete((value: RichEditorTextSpanResult) => {
                console.log("value:" + value.value)
              })
              .aboutToDelete((value: RichEditorDeleteValue) => {
                return true;
              })
              .borderWidth(1)
              .borderColor(Color.Green)
              .width("100%")
              .height("30%")
          }
          .margin({top:100})
          .width("100%")
          .height("70%")
        })
      }
      .indicator(false)
      .loop(false)
      .onChange((index:number) => {
        this.index = index
      })
      Button("add span")
        .onClick(() => {
          let num = this.controllerList[this.index].controller.addTextSpan('测试')
          console.info('addBuilderSpan return ' + num)
        })
      Button("add image")
        .onClick(() => {
          let num =this.controllerList[this.index].controller.addImageSpan($r("app.media.startIcon"), {
            imageStyle: {
              size: ["50px", "50px"],
              verticalAlign: ImageSpanAlignment.BOTTOM,
            }
          })
          console.info('addImageSpan return' + num)
        })
    }
  }
}