# SecondLevelLinkage

**Repository Path**: harmonyos_codelabs/SecondLevelLinkage

## Basic Information

- **Project Name**: SecondLevelLinkage
- **Description**: 使用ArkTS语言，实现一个导航与内容二级联动的效果。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 3
- **Created**: 2024-06-15
- **Last Updated**: 2025-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Cascading List

### Introduction

This codelab introduces how to implement cascading between navigation and content based on the **List** component. Example:

![](screenshots/device/TwoLevelLink.en.gif)

### Concepts

- List: a component that provides a series of list items with the same width. It supports presentations of the same type of data in a multiple and coherent row style, for example, images or text.

- ListItemGroup: a component that is used to display a group of list items. This component must be used in conjunction with the **List** component, and they have the same width by default.

### Permissions

N/A

### How to Use

1. Open the app and scroll the navigation bar on the left to find the desired content on the right.
2. Open the app and scroll the content on the right to switch to the corresponding navigation item on the left.

### Constraints

1. The sample is only supported on Huawei phones with standard systems.
2. HarmonyOS: HarmonyOS 5.0.5 Release or later.
3. DevEco Studio: DevEco Studio 5.0.5 Release or later.
4. HarmonyOS SDK: HarmonyOS 5.0.5 Release SDK or later.