导航组件
导航栏、标签栏与页内切换控件。导航栏 44pt 高、标题居中;Tab 栏 49pt、最多 5 项;页内切换提供分段、下划线与折叠三种形态。
规格与状态
| 组件 | 尺寸 | 行为 |
|---|---|---|
| NavigationBar | 高 44pt;背景 blur(12pt) + 92% 透明度 | 滚动超过 8pt 后出现 1pt 底边;返回区 36×36pt |
| TabBar | 高 49pt;图标 23pt;文字 10pt | 最多 5 项;选中色 primary,未选 ink.300 |
| TabGroup | 轨道内边距 3pt,段高 30pt | 同 SegmentedControl,用于页面级切换 |
| TabsLine | 下划线 2pt,选中项主色 | 横向滚动,激活项自动居中 |
| Accordion | 行高 48pt,圆角 16pt 容器 | 默认手风琴(同时仅一项展开) |
| Swipe Actions | 单个操作区宽 88pt | 左滑露出;超过 50% 阈值自动展开 |
| Pull to Refresh | 触发阈值 64pt | 释放后 600ms 内完成刷新反馈 |
使用规则
- 导航栏标题不超过 8 字,居中显示;左侧返回、右侧最多一个操作。
- Tab 栏始终常驻,切页不重建,保留各页滚动位置。
- 同一页面内只使用一种页内切换形态(分段 or 下划线 or 折叠),不叠加。
- 滑动操作的删除项必须二次确认;「稍后」类中性操作可直接执行。
- 下拉刷新必须给出明确的完成反馈(时间戳或 Toast)。