【共创季稿事节】鸿蒙原生 ArkTS 布局实现 Column + List + Navigation 协作导航 — 从列表渲染到页面切换的完整实践目录 前言 三大核心组件概述 2.1 Column —— 弹性列布局 2.2 List —— 虚拟滚动列表 2.3 Navigation —— 页面导航容器 列表—导航协作模式的设计思想 3.1 为什么需要协作布局 3.2 数据驱动 vs DOM 操作 3.3 状态驱动的页面切换 项目搭建与配置 4.1 工程结构总览 4.2 主题色系统设计 4.3 数据类型定义 Index.ets 完整代码逐段解析 5.1 数据组织:列表数据源设计 5.2 状态体系:@State currentDetail 驱动页面切换