【鸿蒙开发实战教程】浅谈鸿蒙开发ArkUI列表组件的各种用法

前言

2024年可谓至关重要，而生态建设的前提，就是要有足够的开发人才。与之对应的，今年春招市场上与鸿蒙相关岗位和人才旺盛的热度，一方面反应了鸿蒙生态的逐渐壮大，另一方面也让人们对鸿蒙下一阶段的发展更具信心。

随着鸿蒙市场份额的不断提升，相应的岗位也会迎来一个爆发式的增长。这对于想要换赛道的程序员来说是一个非常好的消息，话说大家最近有想法转型鸿蒙开发吗？

最近有在学习这个鸿蒙的ark ui开发 因为鸿蒙不是发布了一个鸿蒙next的测试版本 今年会启动纯血鸿蒙应用 所以我就想提前给大家写一些博客文章

效果图：

具体实现

我们在鸿蒙的ark ui 里面列表使用我们的list组件来实现 类似flutter 里面的listview和安卓里面的listview 和recyclerview

代码实现：

●准备数据源 本地数据

export interface PanelListItemType {
  name: Resource;
  cname: Resource;
}

export const panelInitialList: PanelListItemType[] = [
  {
    name: $r('app.string.Fatburningplan1'),
    cname: $r('app.string.change1'),
  },
  {
    name: $r('app.string.Fatburningplan2'),
    cname: $r('a