本文分享了在鸿蒙开发中遇到的挑战，即如何将对象数组的数据实时渲染到UI上。通过避免直接使用对象数组，转而使用一维数组存储变量，并结合forEach遍历对象，实现了UI的自动更新。文章详细介绍了实现两列展示的List组件用法，并提供了代码示例，同时也指出了@Link和@Prop不能传递Resource类型的注意事项。
涉及用法
组件：List，Process
注解：@ObjectLink
其他：aboutToAppear（）
前言
一点开发过程中的心得总结，留个档。
目的是将对象数组里的对象数据渲染到ui上，但是发现@state等注释似乎只能监测到数组的一维（也就是说不能检测到数组对象内部的变化情况导致渲染失败）
解决办法是：不再直接用对象数组，而是单独渲染对象；保留数组，但数组存初始化用的值（固定值可以是对象数组，但变量要用一维数组存）；然后用forEach拿取每一个对象，过程中使用数组内的value进行拼装。
注意：本案例中的数组length是固定值。如果是动态生成数组长度注意使用的遍历值是Page.ets中的初始化用数组。
一、效果实现方法
1.两列展示
目的是生成多个相同的属性条，组成一个面板。需要两列展示。
*实现方法： List的API：.lanes([num])
2.加载若干ListItem
使用List+ForEach，见文档
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
