前言
不久前华为已经宣布全新HarmonyOS 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('app.string.change2'),
},
{
name: $r('app.string.Fatburningplan3'),
cname: $r('app.string.change3'),
},
{
name: $r('app.string.Fatburningplan4'),
cname: $r('app.string.change4'),
},
]
●创建DataSource 管理数据 类似我们安卓的adapter 适配器一样的
import { panelInitialList, PanelListItemType } from './PanelData';
/**
* create a List range
*/
const createListRange