#鸿蒙通关秘籍#如何在鸿蒙NEXT应用中动态更新显示网络状态？

import connection from '@ohos.net.connection';

@Entry
@Component
struct Index {
  @State msgHistory: string = ''
  currentNet: connection.NetConnection

  build() {
    Column() {
      Text("当前网络状态：")
        .fontSize(14)
        .fontWeight(FontWeight.Bold)
      Text(this.msgHistory)
        .textAlign(TextAlign.Start)
        .padding(10)
    }
  }

  listenButClick() {
    this.currentNet = connection.createNetConnection()
    this.currentNet.register((error) => {
      if (error) {
        this.msgHistory += "订阅失败" + JSON.stringify(error) + "\r\n"
      } else {
        this.msgHistory += "订阅成功\r\n"
      }
    })
    this.currentNet.on("netCapabilitiesChange", (data) => {
      this.msgHistory += `网络能力变化: ${data.netCap.linkUpBandwidthKbps}/${data.netCap.linkDownBandwidthKbps} kbps\r\n`
    })
  }
}
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.
33.