#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用List组件展示列表数据?-鸿蒙开发者社区-51CTO.COM

#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用List组件展示列表数据?

HarmonyOS
6天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
系统小行家

List组件用于展示一组数据,可以方便地进行滚动和选择。以下是一个使用List组件的示例:

@Entry
@Component
struct ListExample {
    private items: string[] = ['Item 1', 'Item 2', 'Item 3'];
    build() {
        return List({ space: 10 }) {
            ForEach(this.items, `(item) => ListItem() {
                Text(item)
                onClick(() => { console.log(`Clicked: ${item}`); })
            }`);
        };
    };
}

在这个示例中,我们创建了一个列表,包含三个项目。当用户点击某个项目时,会在控制台输出被点击的项目名称。这种方式使得展示和管理一组数据变得简单高效,非常适合于需要动态数据展示的场景。

分享
微博
QQ
微信
回复
5天前
相关问题