# 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**: 2
- **Created**: 2024-06-15
- **Last Updated**: 2025-10-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于List组件及路由能力实现设置列表的跳转

### 简介

基于ArkTS，使用List组件以及路由能力，实现一个设置列表，点击对应的设置项可以跳转到详细的设置页。

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

### 相关概念

- 自定义弹窗：@CustomDialog装饰器用于装饰自定义弹窗。
- List：List是常用的滚动类容器组件之一，它按照水平或者竖直方向线性排列子组件， List的子组件必须是ListItem，它的宽度默认充满List的宽度。
- TimePicker：TimePicker是选择时间的滑动选择器组件，默认以 00:00 至 23:59 的时间区创建滑动选择器。
- Toggle：组件提供勾选框样式、状态按钮样式及开关样式。
- @ohos.router (页面路由)：通过不同的url访问不同的页面，包括跳转到应用内的指定页面、用应用内的某个页面替换当前页面、返回上一页面或指定的页面等。

### 相关权限

不涉及

### 使用说明

1. 点击其中一项任务设置，进入对应的详细编辑页。
2. 打开对应的任务开关，然后进行详细的相关编辑。
3. 点击完成，弹出提示设置成功。

### 约束与限制

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及以上。