世界 1 / 新手区
使用 mock flows 的实战 navigation 课程。构建 screen maps、stack navigation、route params、bottom tabs、auth flow、modal confirmation、nested course-to-lesson flow、remembered navigation state 和 final Mini Navigation App。 完成课程以解锁下一个区域. Boss 项目在世界终点等待。
UI 森林训练可读屏幕、导航和可复用组件。
向导: Layout Scout
奖励技能: UI pathfinding
目标: 完成课程、解决任务、获得 XP,并打开地图下一段。
免费任务
0 / 9 节课
状态
世界
时长
地图
课时
登录后可保存进度和 XP。
世界目标: 构建在移动尺寸上稳定的屏幕路线。
已收集技能: UI pathfinding
/course-assets/lessons/navigation/screen-flow-map.svg
本 module 构建 Navigation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 1:Основы flow и stack。完成区域任务,继续推进地图。
任务 1
任务 1:地图 屏幕ов приложения。阅读简报,完成练习任务,获得 XP。
任务 1:地图 屏幕ов приложения。阅读简报,完成练习任务,获得 XP。
任务 2:Mock Stack Navigation。阅读简报,完成练习任务,获得 XP。
任务 3:Route params: выбранный курс。阅读简报,完成练习任务,获得 XP。
/course-assets/lessons/navigation/bottom-tabs-mock.svg
本 module 构建 Navigation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
区域 2:Tabs, auth и modal。完成区域任务,继续推进地图。
任务 4:Bottom tabs: Courses/Profile/Settings。阅读简报,完成练习任务,获得 XP。
任务 5:Auth flow: guest или app。阅读简报,完成练习任务,获得 XP。
任务 6:Modal screen: подтверждение действия。阅读简报,完成练习任务,获得 XP。
Boss 关卡
本 module 构建 Navigation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。
Boss 区域:Nested flow и финальный проект。这里会把学习内容变成作品集证明。 最终 Boss 项目.
Boss 任务:Nested flow: course → lesson。把本区域模式组合成最终成果。 构建在移动尺寸上稳定的屏幕路线。
Boss 任务:Navigation state: remember last screen。把本区域模式组合成最终成果。 构建在移动尺寸上稳定的屏幕路线。
Boss 任务:最终项目: Mini Navigation App。把本区域模式组合成最终成果。 构建在移动尺寸上稳定的屏幕路线。