Skip to content

页面总览与截图索引

本页是 App 页面与截图的总索引,用于快速确认当前页面覆盖范围、入口位置和状态来源。逐页功能说明见 核心页面详解,跨页面跳转见 主流程与跳转关系

当前 App 的主导航结构是:

  • 启动入口:SplashScreen
  • 主容器:HomeScreen
  • 底部四栏:首页 / AI助手 / 健身 / 我的
  • 首页内部双 tab:首页 / 日历

阅读页面索引时需要同时看三列:主要入口 判断用户从哪里进入,数据来源 / 状态源 判断页面由谁驱动,预览 用于快速辨认当前界面。页面出现在索引里,不自动代表它是当前主流程入口;隐藏入口页单独列在“代码仍保留但当前入口隐藏”中。

当前可达页面

页面代码入口主要入口主要功能数据来源 / 状态源预览
启动页screens/splash/splash_screen.dartApp 启动默认页检查登录态并分流到主页或登录页SplashBloc启动页
手机号输入screens/registration/phone_input_screen.dart未登录时进入输入手机号、发送验证码、跳密码登录AuthBloc手机号输入页
验证码页screens/registration/verification_code_screen.dart手机号发送验证码后输入 6 位验证码、注册成功AuthBloc + 5 分钟倒计时验证码页
密码登录screens/auth/password_login_screen.dart手机号页跳转手机号 + 密码登录,决定去主页还是 OnboardingAuthBloc密码登录页
密码注册screens/auth/password_register_screen.dart密码登录页跳转手机号密码注册、密码强度提示、创建账户AuthBloc密码注册页
注册成功页screens/registration/registration_success_screen.dart验证码注册成功后展示注册成功结果,“开始使用”后进入主页页面本地状态
健康档案入口screens/onboarding/onboarding_flow_screen.dart首次登录、档案编辑7 步建档 / 编辑档案OnboardingBloc健康档案入口页
首次建档页screens/onboarding/onboarding_flow_screen.dart建档流程第 2 步起基础信息等分步建档OnboardingBloc首次建档页
建档完成页screens/onboarding/onboarding_complete_screen.dart建档提交成功后完成提示、能力简介、进入主页页面本地状态 + auth completion建档完成页
主页框架screens/home/home_screen.dart登录成功后默认进入底部四栏、首页/日历顶层 tab、跨页刷新ProfileOverviewBlocAssessmentOverviewBlocPrescriptionBlocExerciseBloc主页框架
日历页screens/calendar/calendar_screen.dartHome 顶层 tab 第二页月历、按天查看运动记录CalendarBloc日历页
Chat 主界面screens/chat/chat_screen.dart底部 AI助手 tab消息列表、输入框、生成处方、历史会话抽屉ChatBlocPrescriptionBloc对话页
聊天历史页screens/chat/chat_history_screen.dart命名路由 /chat/history历史消息列表、空态、错误重试ChatBloc对话历史页
运动中心screens/exercise/exercise_screen.dart底部 健身 tab我的计划、有氧、抗阻、柔韧 4 个 tabExerciseBloc运动中心页
运动执行screens/exercise/exercise_execution_screen.dart从运动中心某个动作开始视频/占位、计时、卡路里、暂停、完成ExerciseBloc运动执行页
运动反馈screens/exercise/exercise_feedback_screen.dart运动执行完成后完成反馈、感受和备注ExerciseBloc运动反馈页
运动历史screens/exercise_history_screen.dart运动中心右上角历史按钮历史记录列表、下拉刷新、分页加载、详情弹窗ExerciseHistoryBloc运动历史页
我的页screens/home/profile_page.dart底部 我的 tab个人信息、健康档案、今日状态、设置、关于、退出登录ProfileOverviewBloc我的页
个人信息screens/profile/personal_info_screen.dart我的页 -> 个人信息查看和编辑基础资料ProfileOverviewBloc / 表单状态个人信息页
设置页screens/settings/settings_screen.dart我的页 -> 设置通知、显示、隐私、版本、帮助与反馈局部 state + PackageInfo设置页

代码仍保留但当前入口隐藏的页面

页面代码入口当前状态
健康总览screens/health/health_overview_screen.dart页面与路由仍存在,但当前入口已隐藏
周报页screens/weekly_report_screen.dart页面与路由仍存在,但当前入口已隐藏

页面分层

1. 启动与鉴权

  • SplashScreen
  • PhoneInputScreen
  • VerificationCodeScreen
  • PasswordLoginScreen
  • PasswordRegisterScreen
  • RegistrationSuccessScreen

2. 建档与资料

  • OnboardingFlowScreen
  • OnboardingCompleteScreen
  • PersonalInfoScreen

3. 主业务

  • HomeScreen / Dashboard / Calendar
  • ChatScreen / ChatHistoryScreen
  • ExerciseScreen / ExerciseExecutionScreen / ExerciseFeedbackScreen / ExerciseHistoryScreen
  • ProfilePage

4. 当前交付中可见的辅助页

  • SettingsScreen

5. 代码保留但入口隐藏

  • HealthOverviewScreen
  • WeeklyReportScreen

截图规则

  • 截图统一放在 docs_site/public/images/screenshots/
  • 缩略图用于快速辨认页面和入口位置,不承担验收、bug 追踪或回归存档职责。
  • 详解页中的截图必须服务于页面结构、关键状态或跳转关系,不能只作为装饰图。

页面地图阅读提示

  • 首页内部不是单页,而是 TabBar + TabBarView首页 / 日历 双页结构。
  • Chat 主界面自带左侧抽屉作为历史会话入口,不等于独立历史页。
  • 运动中心除“我的计划”外,还内置静态动作库分栏。
  • 鉴权后去向存在分支:密码登录按 healthInfoCompleted 分流;密码注册进入建档;短信验证码注册成功页承接确认后进入建档。
  • HealthOverviewScreenWeeklyReportScreen 当前入口已隐藏,不应继续按可达页面理解。

覆盖边界

类型当前说明
当前可达页面已列入“当前可达页面”表,覆盖启动、鉴权、建档、主页、Chat、运动、个人中心与设置
截图缺口RegistrationSuccessScreen 当前无截图,索引中保留页面事实但不补示意图
非页面交互Chat 删除、帮助/关于、退出确认、运动退出确认等以 showDialog 呈现,不单独列为页面
主容器内部切换底部四栏和首页/日历顶层 tab 属于容器内切换,不等同于独立路由
隐藏入口页HealthOverviewScreenWeeklyReportScreen 代码与路由仍在,但不属于当前可达入口

如果只想快速理解产品界面,建议优先阅读以下页面:

  1. HomeScreen / DashboardPage
  2. ChatScreen
  3. ExerciseScreen
  4. ProfilePage

这四组页面覆盖了首页入口、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/