• 首页
  • 课程
  • 博客
  • 应用开发
  • 价格
  • 排行榜
ruenzhhivi
登录注册

我们帮助学习 React Native,也为业务构建移动 MVP:实践课程、Pro 项目,以及 iOS + Android React Native 开发。

学习

  • 首页
  • 课程
  • 博客
  • 排行榜

产品

  • 应用开发
  • 价格

账户

  • 仪表盘
  • 奖励商店
  • 邀请
  • 个人资料

法律

  • 隐私
  • 条款
  • Cookies
  • AI 声明
  • 支付
学习
  • 首页
  • 课程
  • 博客
  • 排行榜
产品
  • 应用开发
  • 价格
账户
  • 仪表盘
  • 奖励商店
  • 邀请
  • 个人资料
法律
  • 隐私
  • 条款
  • Cookies
  • AI 声明
  • 支付

世界 1 / 新手区

Navigation

使用 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 项目在世界终点等待。

进入 世界 1
进入世界UI Forest生物群系: Forest

UI 森林训练可读屏幕、导航和可复用组件。

向导: Layout Scout

奖励技能: UI pathfinding

目标: 完成课程、解决任务、获得 XP,并打开地图下一段。

路线进度0%

免费任务

0 / 9 节课

FL世界 1新手区Boss 项目

状态

Free

世界

FL世界 1

时长

8 小时 30 分钟

地图

3 个区域 / 9 节课

课时

0 / 9 节课

登录后可保存进度和 XP。

任务地图UI Forest0/9

Navigation Treant

奖励商店
最终目标UI Forest

Navigation Treant

世界目标: 构建在移动尺寸上稳定的屏幕路线。

已收集技能: UI pathfinding

/course-assets/lessons/navigation/screen-flow-map.svg

关卡 1

Основы flow и stack

本 module 构建 Navigation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

区域 1

区域 1:Основы flow и stack。完成区域任务,继续推进地图。

NX
关卡 1下一关
GO
1任务
+40 XP
LK2任务+50 XP
LK3挑战+55 XP
LK4任务+55 XP
LK5任务+60 XP
6奖励+50 XP
7Boss+65 XP
8Boss+55 XP
9Boss+90 XP

任务 1

任务 1:地图 屏幕ов приложения。阅读简报,完成练习任务,获得 XP。

已收集技能UI pathfinding
+40 XP

地图 屏幕ов приложения

任务 1:地图 屏幕ов приложения。阅读简报,完成练习任务,获得 XP。

40 分钟
进入关卡
LK
关卡 2已锁定+50 XP

Mock Stack Navigation

任务 2:Mock Stack Navigation。阅读简报,完成练习任务,获得 XP。

50 分钟先完成上一关
LK
关卡 3已锁定+55 XP

Route params: выбранный курс

任务 3:Route params: выбранный курс。阅读简报,完成练习任务,获得 XP。

55 分钟先完成上一关

/course-assets/lessons/navigation/bottom-tabs-mock.svg

关卡 2

Tabs, auth и modal

本 module 构建 Navigation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

区域 2

区域 2:Tabs, auth и modal。完成区域任务,继续推进地图。

LK
关卡 1已锁定+55 XP

Bottom tabs: Courses/Profile/Settings

任务 4:Bottom tabs: Courses/Profile/Settings。阅读简报,完成练习任务,获得 XP。

55 分钟先完成上一关
LK
关卡 2已锁定+60 XP

Auth flow: guest или app

任务 5:Auth flow: guest или app。阅读简报,完成练习任务,获得 XP。

1 小时先完成上一关
LK
关卡 3已锁定+50 XP

Modal screen: подтверждение действия

任务 6:Modal screen: подтверждение действия。阅读简报,完成练习任务,获得 XP。

50 分钟先完成上一关

Boss 关卡

Boss 关卡Boss 项目

Nested flow и финальный проект

本 module 构建 Navigation 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

Boss 区域

Boss 区域:Nested flow и финальный проект。这里会把学习内容变成作品集证明。 最终 Boss 项目.

BQ
关卡 1Boss 关卡已锁定+65 XP

Nested flow: course → lesson

Boss 任务:Nested flow: course → lesson。把本区域模式组合成最终成果。 构建在移动尺寸上稳定的屏幕路线。

1 小时 5 分钟最终任务先完成上一关
BQ
关卡 2Boss 关卡已锁定+55 XP

Navigation state: remember last screen

Boss 任务:Navigation state: remember last screen。把本区域模式组合成最终成果。 构建在移动尺寸上稳定的屏幕路线。

55 分钟最终任务先完成上一关
BQ
关卡 3Boss 关卡已锁定+90 XP

最终项目: Mini Navigation App

Boss 任务:最终项目: Mini Navigation App。把本区域模式组合成最终成果。 构建在移动尺寸上稳定的屏幕路线。

1 小时 20 分钟最终任务先完成上一关