# List_commodity

**Repository Path**: harmonyos_codelabs/List_commodity

## Basic Information

- **Project Name**: List_commodity
- **Description**: 本篇Codelab使用Scroll组件、List组件以及LazyForEach组件实现一个商品列表的页面。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 11
- **Created**: 2024-06-15
- **Last Updated**: 2025-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于List组件实现商品列表

### 简介

基于ArkTS，使用List组件，实现了商品列表的懒加载、下拉刷新与列表触底提示并回弹的效果。

![](screenshots/device/List_usage.gif)

### 相关概念

- Scroll：可滚动的容器组件，当子组件的布局尺寸超过父组件的视口时，内容可以滚动。
- List：列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据，例如图片和文本。
- Tabs：一种可以通过页签进行内容视图切换的容器组件，每个页签对应一个内容视图。
- LazyForEach：开发框架提供数据懒加载（LazyForEach组件）从提供的数据源中按需迭代数据，并在每次迭代过程中创建相应的组件。

### 相关权限

不涉及

### 使用说明

1. 点击精选页，下拉拖动会有刷新效果。
2. 向上拉菜单页，到底会提示”已经到底了“字样，并且会跟随商品列表滑动一段距离，松手后会回弹至原来位置。

### 约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。
2. HarmonyOS系统：HarmonyOS 5.0.5 Release及以上。
3. DevEco Studio版本：DevEco Studio 6.0.0 Release及以上。
4. HarmonyOS SDK版本：HarmonyOS 6.0.0 Release SDK及以上。