HarmonyOS鸿蒙Next中组件截屏传递问题

HarmonyOS鸿蒙Next中组件截屏传递问题 我通过 componentSnapshot.get 方法，获取到了组件的截屏，是个 image.PixelMap，我在同一个页面上展示，没有问题，但是我希望在一个弹框中展示，就展示不出来了，请问该怎么做？我试过两个方法，一个是直接传 pixelMap，一个是传 ArrayBuffer，都不行。测试代码如下：

@CustomDialog
struct CustomDialogComponent {
  controller?: CustomDialogController // 将这里用 @Prop 或者 @Link，不传 buffer，也不行
  @State pixelMap: image.PixelMap | undefined = undefined
  @Prop text: string | undefined
  @Link @Watch('onUpdate') buffer: ArrayBuffer | undefined
  @Prop options: image.InitializationOptions | undefined

  onUpdate() {
    if (this.buffer) {
      // 打断点看，这里都走进来了，但是没走 callback 了，所以 pixelMap 得不到 
      image.createPixelMap(this.buffer, this.options, (error: BusinessError, pixelMap: image.PixelMap) => {
        if (!error) {
          this.pixelMap = pixelMap
        }
      })
    }
  }

  aboutToAppear() {
    this.onUpdate()
  }

  build() {
    Column() {
      Text(this.text).width('100%').height(50).textAlign(TextAlign.Center).fontColor(Color.Green)
      Image(this.pixelMap).width(200).height(500).objectFit(ImageFit.Contain)
      Button('关闭')
        .width(100)
        .height(45)
        .backgroundColor('#ffcc0000')
        .onClick(() => {
          this.controller?.close()
        })
        .margin({ top: 10 })
    }
  }
}

@Entry
@Component
struct SnapShotExample {
  @State items: string[] =
    ['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']
  @State pixMap: image.PixelMap | undefined = undefined
  @State mText: string = '我是内容'
  @State buffer: ArrayBuffer | undefined = undefined
  @State options: image.InitializationOptions | undefined =
    undefined
  dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogComponent({ buffer: this.buffer, options: this.options, text: this.mText })
  })

  build() {
    Column() {
      Text('我是标题')
        .width('100%')
        .height(100)
        .textAlign(TextAlign.Center)
        .fontColor(Color.Black)
        .backgroundColor(Color.Gray)
      Scroll() {
        Column() {
          ForEach(this.items, (item: string) => {
            Text('我是内容' + item).width('100%').height(50).fontColor(Color.Red)
          })
        }.width('100%')
      }.width('100%').layoutWeight(1).id('mainScroll')

      Blank()
        .width('100%')
        .height(1)
        .backgroundColor(Color.Black)
      // 这个作为对比测试，是可以的
      Image(this.pixMap).width('100%').layoutWeight(0.5).objectFit(ImageFit.Contain)
      Button('点击截图').width(100).height(45).onClick(() => {
        componentSnapshot.get('mainScroll', { scale: 0.8, waitUntilRenderFinished: true })
          .then((pixMap: image.PixelMap) => {
            // 如果直接用 pixMap 方式，只要这一句，对比测试也是可以的 
            // this.pixMap = pixMap 
            let imageInfo = pixMap.getImageInfoSync()
            imageInfo.pixelFormat
            let de = imageInfo.density
            let stride = imageInfo.stride
            let w = imageInfo.size.width
            let h = imageInfo.size.height
            // 用 buffer 的方式 l
            let buffer = new ArrayBuffer(w * h * 4)
            pixMap.readPixelsToBuffer(buffer).then(() => {
              let options: image.InitializationOptions =
                { editable: true, size: { width: w, height: h }, srcPixelFormat: imageInfo.pixelFormat }
              this.options = options
              this.buffer = buffer
              // 这里用 buffer 方式对比测试，是可以的 
              image.createPixelMap(buffer, options, (error: BusinessError, pixelMap: image.PixelMap) => {
                if (!error) {
                  this.pixMap = pixelMap
                }
              })
              this.dialogController.open()
            }, (e: BusinessError) => {
              console.info('readPixelsToBuffer:' + JSON.stringify(e))
            })
            console.info('截图成功:' + JSON.stringify({
              w: w,
              h: h,
              de: de,
              stride: stride
            }))
            this.mText = '截图成功'
            this.dialogController.open()
          }).catch((err: Error) => {
          console.info('截图失败:' + JSON.stringify(err))
        })
      })
    }.width('100%').height('100%')
  }
}