鸿蒙4.0开发笔记之ArkTS语法基础的UI描述、基础组件的使用与如何查看组件是否有参数（八）

关注

VIP免费原创最新推荐文章于 2026-09-21 12:27:05 发布 3.3k 阅读 AI 写同款· GEO 优化 ›

【HarmonyOS】【ArkTS】如何使用HTTP网络请求获取动态数据刷新UI界面在使用ArkTS开发HarmonyOS应用时，需要调用HTTP网络请求 @ohos.net.http 动态获取数据，进行UI列表刷新，这想必是应用开发最常见的功能。但是根据官网网络请求的示例代码进行功能开发时，封装方法进行HTTP请求后，返回获取数据总是为空，无法返回调用接口获取的结果，经过一系列步骤检查，终于获取到数据，在此附上我的开发步骤、一些注意事项以及参考文档。步骤4：获取到dataList数组后，就可以通过ForEach循环显示组件和数据啦，到此就完成HTTP网络请求动态数据获取刷新UI界面啦。阅读详情

文章目录

一、声明式UI描述

在HarmonyOS的ArkTS语法中，万物皆组件。ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。根据组件构造方法的不同，创建组件包含有参数和无参数两种方式。

1、无/有参数组件

无参数组件：
如果组件的接口定义没有包含必选构造参数，则组件后面的“()”不需要配置任何内容。例如，Divider组件不包含构造参数：

Column() {
   
   
  Text('HarmonyOS')
  Divider()
  Button('点我跳转')
}

有参数组件：
如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数。例如mage组件的必选参数src。

2、如何查看组件是否有参数

（1）方法一：
寻找官方文档：找到文档下面的“API参考”
1.1.1
在目录树下找到“组件参考”，然后找到“基础组件”，最后就可以看到如button这些基础组件的使用说明了。
1.1.2
（2）方法二：
按住Ctrl键，然后将鼠标移动到组件名上，会出现一个下划线，点击一下就能够进入组件的定义。
1.2.1
在组件的定义再用同样的方式（Ctrl+鼠标左键）进入接口的定义。
2.2.2
比如在接口的定义中就可以看到Text组件参数的设定：？表示可选参数，若要填参数则可以传递string和resource类型的参数。同样，在Divider的接口函数中则可以看到不需要传递参数。
1.2.3

二、Image组件的使用

1、定义
Image为图片组件，常用于在应用中显示图片。Image支持加载string、PixelMap和Resource类型的数据源，支持png、jpg、bmp、svg和gif类型的图片格式。

2、网络图片类型调用（网络图片需要权限）
使用网络图片时，需要申请权限ohos.permission.INTERNET。具体申请方式请参考权限申请声明。申请位置为entry>src>main>resources>module.json5文件中。
3.1.1
更多申请相关事项参见官方文档：访问控制授权申请
申请完网络权限后，就可以放