2024年最新鸿蒙开发入门实战案例-菜谱列表（附源码）(3)，2024年最新2024最新大厂HarmonyOS鸿蒙面试集合

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

昨天说过List列表组件的基本使用方式：

List(){
ListItem(){
Text(“1”)
}
ListItem(){
Text(“2”)
}
ListItem(){
Text(“3”)
}
}

那么，如果有一个数组：

private arr:number[] = [1,2,3,4,5,6,7,8,9,10]

我们该如何用List组件去展示它？

使用一个For循环即可解决。代码如下：

List({space:10}){
//item为数组中的元素
ForEach(this.arr,(item)=>{
ListItem(){
Text(${item})
}
})
}

对Text组件做一些样式调整：

List({space:10}){
//item为数组中的元素
ForEach(this.arr,(item)=>{
ListItem(){
Text(${item})
.width(‘100%’)
.height(100)
.fontSize(16)
.textAlign(TextAlign.Center)
}
})
}

一个最简单的列表就做好了：