HarmonyOS 鸿蒙Next 图片因网络卡顿加载失败后如何在网络流畅后自动重新加载

可以使用@ohos.net.connection监听网络状态，用if条件判断触发UI重新渲染

参考demo：

import { connection } from '@kit.NetworkKit';

import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @State message1: Boolean = true;
  @State message2: Array<string> = []

  onPageShow(): void {
    // 创建NetConnection对象
    let netCon: connection.NetConnection = connection.createNetConnection();

    // 先使用register接口注册订阅事件
    netCon.register((error: BusinessError) => {
      console.log(JSON.stringify(error), '111');
    });

    // 订阅网络可用事件。调用register后，才能接收到此事件通知
    netCon.on('netConnectionPropertiesChange', (netHandle: connection.NetConnectionPropertyInfo) => {
      console.log('netConnectionPropertiesChange, ' + JSON.stringify(netHandle));
    });

    //监听网络是否可用
    netCon.on('netAvailable', (data) => {
      console.log('netAvailable, ' + JSON.stringify(data));
      if (data.netId < 100) {
        this.message1 = false
      } else {
        this.message1 = true
        if (this.message2.length > 0) {
          this.message2 = []
        }
      }
    })
  }

  build() {
    Column() {
      Column() {
        Column() {
          if (!this.message2.includes('image1')) {
            Image('http://c.hiphotos.baidu.com/image/pic/item/30adcbef76094b36de8a2fe5a1cc7cd98d109d99.jpg')
              .onError(() => {
                this.message2.push('image1')
              })
              .id('image1')
          }
        }
      }
    }
    .width('100%')
  }
}