# List_setting

**Repository Path**: harmonyos_codelabs/List_setting

## Basic Information

- **Project Name**: List_setting
- **Description**: 本篇Codelab使用List组件、Toggle组件以及Router相关接口，实现一个简单的设置页。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2024-06-15
- **Last Updated**: 2026-01-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Setting List

### Introduction

Based on ArkTS, learn how to use the **List** component and routing capability to implement a setting list. Tap a setting item to go to the details page.

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

### Concepts

- Custom dialog: a custom dialog box. The **@CustomDialog** decorator is used.
- List: one of the commonly used scrolling container components. It arranges its child components horizontally or vertically. The child components must be ListItem, with the same width as List by default.
- TimePicker: a time picker component. By default, a picker is created based on the time range from 00:00 to 23:59.
- Toggle: a switch that can be selected, slid, or clicked to change its state.
- **@ohos.router** (page router): allows an application to access pages through URLs, especially like navigating to a specified page in an application, replacing the current page with another one in an application, and returning to the previous page or a specified page.

### Permissions

N/A

### How to Use

1. Tap a specific task to go to the detailed editing page.
2. Turn on a task and edit the task details.
3. Tap Finish to complete the settings.

### Constraints

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