HarmonyOS 鸿蒙Next Image控件无法更新新的图片

用这种形式定义图片可以更新 img:Resource = $r('app.media.img')

如果必须要用到PixelMap 只需要改变下数据绑定类型即可

demo:

import { image } from '@kit.ImageKit';
@Component
struct ImgItem {
  @Prop boo:Boolean  = true
  @Link  imagePixelMap: image.PixelMap | undefined
  @Prop title: string = " "

  build() {
    Column() {
      Text(this.title) 
      Image(this.imagePixelMap).width(100).height(100).backgroundColor("#f00")
    }
  }

}
@Entry
@Component
struct Index {
  @State imagePixelMap: image.PixelMap | undefined = undefined
  @State imagePixelMap2: image.PixelMap | undefined = undefined
  @State title: string = ""
  @State boo:Boolean  = true

  async aboutToAppear() {
    this.imagePixelMap = await this.getPixmapFromMedia($r('app.media.startIcon'))
    this.title = "测试"
  }

  build() {
    Column() {
      ImgItem({
        boo:this.boo,
        imagePixelMap: this.imagePixelMap,
        title: this.title
      }).margin({ top: 50 })
      Button("更换").onClick(async () => {
        this.imagePixelMap = await this.getPixmapFromMedia($r('app.media.icon'))
        this.title = "测试3"
        this.boo = !this.boo
      }).margin({ top: 14 })
     if (this.boo ) {
       Image(this.imagePixelMap).width(100).height(100).backgroundColor("#f00")
     } else  {
       Image(this.imagePixelMap2).width(100).height(100).backgroundColor("#f00")
     }

    }.height("100%").width("100%")
  }
  public  async getPixmapFromMedia(resource: Resource) {
    let unit8Array = await getContext(this)?.resourceManager?.getMediaContent({
      bundleName: resource.bundleName,
      moduleName: resource.moduleName,
      id: resource.id
    })
    let imageSource = image.createImageSource(unit8Array.buffer.slice(0, unit8Array.buffer.byteLength))
    let createPixelMap: image.Pix