外观
页面总览与截图索引
本页是 App 页面与截图的总索引,用于快速确认当前页面覆盖范围、入口位置和状态来源。逐页功能说明见 核心页面详解,跨页面跳转见 主流程与跳转关系。
当前 App 的主导航结构是:
- 启动入口:
SplashScreen - 主容器:
HomeScreen - 底部四栏:
首页 / AI助手 / 健身 / 我的 - 首页内部双 tab:
首页 / 日历
阅读页面索引时需要同时看三列:主要入口 判断用户从哪里进入,数据来源 / 状态源 判断页面由谁驱动,预览 用于快速辨认当前界面。页面出现在索引里,不自动代表它是当前主流程入口;隐藏入口页单独列在“代码仍保留但当前入口隐藏”中。
当前可达页面
代码仍保留但当前入口隐藏的页面
| 页面 | 代码入口 | 当前状态 |
|---|---|---|
| 健康总览 | screens/health/health_overview_screen.dart | 页面与路由仍存在,但当前入口已隐藏 |
| 周报页 | screens/weekly_report_screen.dart | 页面与路由仍存在,但当前入口已隐藏 |
页面分层
1. 启动与鉴权
SplashScreenPhoneInputScreenVerificationCodeScreenPasswordLoginScreenPasswordRegisterScreenRegistrationSuccessScreen
2. 建档与资料
OnboardingFlowScreenOnboardingCompleteScreenPersonalInfoScreen
3. 主业务
HomeScreen / Dashboard / CalendarChatScreen / ChatHistoryScreenExerciseScreen / ExerciseExecutionScreen / ExerciseFeedbackScreen / ExerciseHistoryScreenProfilePage
4. 当前交付中可见的辅助页
SettingsScreen
5. 代码保留但入口隐藏
HealthOverviewScreenWeeklyReportScreen
截图规则
- 截图统一放在
docs_site/public/images/screenshots/。 - 缩略图用于快速辨认页面和入口位置,不承担验收、bug 追踪或回归存档职责。
- 详解页中的截图必须服务于页面结构、关键状态或跳转关系,不能只作为装饰图。
页面地图阅读提示
- 首页内部不是单页,而是
TabBar + TabBarView的首页 / 日历双页结构。 - Chat 主界面自带左侧抽屉作为历史会话入口,不等于独立历史页。
- 运动中心除“我的计划”外,还内置静态动作库分栏。
- 鉴权后去向存在分支:密码登录按
healthInfoCompleted分流;密码注册进入建档;短信验证码注册成功页承接确认后进入建档。 HealthOverviewScreen和WeeklyReportScreen当前入口已隐藏,不应继续按可达页面理解。
覆盖边界
| 类型 | 当前说明 |
|---|---|
| 当前可达页面 | 已列入“当前可达页面”表,覆盖启动、鉴权、建档、主页、Chat、运动、个人中心与设置 |
| 截图缺口 | RegistrationSuccessScreen 当前无截图,索引中保留页面事实但不补示意图 |
| 非页面交互 | Chat 删除、帮助/关于、退出确认、运动退出确认等以 showDialog 呈现,不单独列为页面 |
| 主容器内部切换 | 底部四栏和首页/日历顶层 tab 属于容器内切换,不等同于独立路由 |
| 隐藏入口页 | HealthOverviewScreen、WeeklyReportScreen 代码与路由仍在,但不属于当前可达入口 |
如果只想快速理解产品界面,建议优先阅读以下页面:
HomeScreen / DashboardPageChatScreenExerciseScreenProfilePage
这四组页面覆盖了首页入口、AI 咨询、运动执行和个人资料四个最高频业务面。
来源锚点
- Flutter entry:
apps/flutter_app/lib/main.dart - 页面目录:
apps/flutter_app/lib/screens/ - 主页框架:
apps/flutter_app/lib/screens/home/home_screen.dart - Chat:
apps/flutter_app/lib/screens/chat/chat_screen.dart - Exercise:
apps/flutter_app/lib/screens/exercise/exercise_screen.dart - Screenshot dir:
docs_site/public/images/screenshots/


















