HarmonyOS 鸿蒙Next 如何使用跨组件的方式进行列表渲染并通信和储存到首选项

HarmonyOS 鸿蒙Next 如何使用跨组件的方式进行列表渲染并通信和储存到首选项

1.创建一个列表组件，使用ForEach渲染组件。

2.写一个对象数组，具有嵌套关系的复杂类型

3.此时将列表和列表的每一项都拆分成组件，通过prop传递值，观察发现

  1）如果要通过link装饰器传递值，传递的值必须使用state、link、prop等装饰器装饰

  2）通过不同组件的传值的方式可以渲染数据，但不能更新数据。在子组件的变化尤其是列表渲染无法同步

  3）使用回调函数让子组件决定触发的时机，父组件决定触发的行为，可以实现既能动态渲染又能同步数据；缺点：state的缺点

4.使用objectLink和observed装饰器

5.加载懒加载工具，注意数组的类型

第一部分结束----


更多关于HarmonyOS 鸿蒙Next 如何使用跨组件的方式进行列表渲染并通信和储存到首选项的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

1.保存到硬盘，使用首选项，因为只有在保存时需要操作。

2.新建一个类，导出export一个实例，实例方法

  1）获取缓存，默认值为数组，使用断言

  2）保存到硬盘，将传入的数组保存

3.开始，页面创建时

  1）获取缓存数据

  2）将数据实例化，使用[@observed](/user/observed)和[@objectLink](/user/objectLink)

  3）使用懒加载实例化对象

4.结束，页面销毁时保存到硬盘，保存对象为初始的list或IData的数据源。（这两个是一个堆地址的变量）

更多关于HarmonyOS 鸿蒙Next 如何使用跨组件的方式进行列表渲染并通信和储存到首选项的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS 鸿蒙Next中，使用跨组件的方式进行列表渲染并通信和储存到首选项，可以按以下步骤进行：

  1. 跨组件通信：利用XComponent或ArkTS提供的通信机制，如@Prop、@Link等装饰器，实现父子、兄弟或不相关组件间的数据传递。对于列表渲染，可以将数据通过这些机制传递给负责渲染的组件。
  2. 列表渲染：在接收数据的组件中，使用循环语句（如for循环）和UI组件（如List、Column等）来渲染列表。确保每个列表项都能正确显示数据。
  3. 储存到首选项：使用HarmonyOS提供的Preferences API，将数据以键值对的形式存储到用户首选项中。注意，Preferences适合存储轻量级数据，如用户设置等。在存储前，需要将数据转换为合适的格式（如字符串）。

示例代码（简化）：

  • 获取Preferences实例并存储数据。
let dataPreferences = preferences.getPreferencesSync(this.context, { name: 'myList' });
dataPreferences.putSync('listData', JSON.stringify(listData));
dataPreferences.flush();
  • 从Preferences中读取数据并渲染列表。
let listData = JSON.parse(dataPreferences.getSync('listData', '[]') as string);
// 使用listData渲染列表

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。

回到顶部