HarmonyOS鸿蒙Next中数组改变foreach渲染图片出现闪烁

可使用图片的syncLoad方法，参考地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-image-V5#syncload8

interface FirstArrInterface {
  NameAndId: string
  SecondArr: Array<SecondArrInterface>
}

class SecondArrInterface {
  NameAndId: string = ""
  Num: number = 0
  Desc: string = ""
}

class BasicDataSource implements IDataSource {
  private listeners: DataChangeListener[] = [];
  private originDataArray: SecondArrInterface[] = [];

  public totalCount(): number {
    return 0;
  }
  public getData(index: number): SecondArrInterface {
    return this.originDataArray[index];
  }
  registerDataChangeListener(listener: DataChangeListener): void {
    if (this.listeners.indexOf(listener) < 0) {
      console.info('add listener');
      this.listeners.push(listener);
    }
  }
  unregisterDataChangeListener(listener: DataChangeListener): void {
    const pos = this.listeners.indexOf(listener);
    if (pos >= 0) {
      console.info('remove listener');
      this.listeners.splice(pos, 1);
    }
  }
  notifyDataReload(): void {
    this.listeners.forEach(listener => {
      listener.onDataReloaded();
    })
  }
  notifyDataAdd(index: number): void {
    this.listeners.forEach(listener => {
      listener.onDataAdd(index);
    })
  }
  notifyDataChange(index: number): void {
    this.listeners.forEach(listener => {
      listener.onDataChange(index);
    })
  }
  notifyDataDelete(index: number): void {
    this.listeners.forEach(listener => {
      listener.onDataDelete(index);
    })
  }
  notifyDataMove(from: number, to: number): void {
    this.listeners.forEach(listener => {
      listener.onDataMove(from, to);
    })
  }
}

class MyDataSource extends BasicDataSource {
  private dataArray: SecondArrInterface[] = [];
  public totalCount(): number {
    return this.dataArray.length;
  }
  public getData(index: number): SecondArrInterface{
    return this.dataArray[index];
  }
  public addData(index: number, data: SecondArrInterface): void {
    this.dataArray.splice(index, 0, data);
    this.notifyDataAdd(index);
  }
  public pushData(data: SecondArrInterface): void {
    this.dataArray.push(data);
    this.notifyDataAdd(this.dataArray.length - 1);
  }
}

@Component
struct Index {
  @State FirstArr: Array<FirstArrInterface> = []
  @State SecondArr: Array<SecondArrInterface> = []
  @State SelectIndex: number = 0
  @State data: MyDataSource = new MyDataSource();

  initData() {
    this.FirstArr = [
      {
        NameAndId: "FirstArr1",
        SecondArr: [
          {
            NameAndId: "SecondArr1",
            Num: 1,
            Desc: "SecondArr1",
          },
          {
            NameAndId: "SecondArr1.2",
            Num: 1.2,
            Desc: "SecondArr1.2",
          }
        ]
      },
      {
        NameAndId: "FirstArr2",
        SecondArr: [{
          NameAndId: "SecondArr2",
          Num: 2,
          Desc: "SecondArr2",
        }, {
          NameAndId: "SecondArr2.2",
          Num: 2.2,
          Desc: "SecondArr2.2",
        }]
      },
      {
        NameAndId: "FirstArr3",
        SecondArr: [{
          NameAndId: "SecondArr3",
          Num: 3,
          Desc: "SecondArr3",
        }]
      },
    ]
    this.SecondArr = this.FirstArr[this.SelectIndex].SecondArr
  }

  initData2() {
    this.SecondArr = this.FirstArr[this.SelectIndex].SecondArr
  }

  onPageShow(): void {
    this.initData()
  }

  build() {
    Column({ space: 14 }) {
      Row() {
        ForEach(this.FirstArr, (item: FirstArrInterface, index: number) => {
          Button(item.NameAndId).onClick(() => {
            this.SelectIndex = index
            this.initData2()
          })
        }, (item: FirstArrInterface) => item.NameAndId)
      }
      .justifyContent(FlexAlign.SpaceAround)
      .margin({
        top: 20
      })
      .padding({
        top: 15,
        bottom: 15,
      })
      .backgroundColor("#cecece")
      .width("100%")

      Row() {
        ForEach(this.SecondArr, (item: SecondArrInterface) => {
         itemView({item: item})
        }, (item: SecondArrInterface) => item.NameAndId)
      }
      .padding({
        top:10,
        bottom:10
      })
      .justifyContent(FlexAlign.SpaceBetween)
      .width("100%")
      .backgroundColor("#993366")

    }
    .height('100%')
    .width('100%')
  }
}

@Component
struct itemView {
  @ObjectLink item:SecondArrInterface
  build() {
    Column() {
      Text(this.item.Desc)
        .position({
          top: 12,
          left: 12
        })
        .zIndex(2)
      Text(this.item.Num + "")
        .position({
          top: 12,
          right: 12
        })
        .zIndex(2)
      Image($r("app.media.ceshi"))
        .width("167")
        .height("67")
        .syncLoad(true)
    }
    .width("167")
    .height("67")
  }
}

syncLoad，我试了下，滑动卡顿了都，这个方法还是不行，