这门课能解决什么痛点

很多开发者在学 React Native 时，最大的卡点不是语法，而是“从 Demo 到上线”的断层。市面上很多教程只讲零散组件，或者停留在旧版 API，导致学员做完练习后，依然不知道怎么搭建一个可发布、可维护的真实项目结构。

本课程的核心价值在于填补这一空白。它不只讲语法，而是以“高质量上线”为目标，系统梳理了从环境配置到核心导航、再到高性能列表的完整开发链路。你将会学到如何搭建标准的工程目录，如何避免列表滑动卡顿，以及如何正确处理页面间的数据传递。这些是构建一个稳定 App 的基础，也是日常面试和实际工作中最容易考察的硬核技能。

适合什么基础，建议先看哪几块

**适合人群**：
1. 已掌握 JavaScript 基础，有一定前端经验，想转向跨平台开发的程序员。
2. 使用过旧版 React Native（0.44 以前）的老版本开发者，需要更新到 0.55+ 新架构。
3. 希望能独立完成一款完整 App 上架，而不仅仅是写 Demo 的实战派。

**学习路径建议**：
不要一上来就跳进代码细节，前几章是打地基的关键。

首先，**务必先看完第 1 章的前三节**。这是课程的“说明书”，它告诉你整个项目的设计逻辑、技术选型以及最终要交付的产品长什么样。跳过这里直接写代码，很容易陷入“知其然不知其所以然”的困境。

接着，重点攻克**第 2 章的 react-navigation 精讲**。导航是 App 的骨架。课程从基础的 Stack、Tab 讲到 Drawer，并详细拆解了每一类导航器的 Props 和跳转逻辑。这是 RN 开发中变化最大、最核心的部分，也是你后续实现复杂页面交互的基础。

最后，**第 3 章的高性能列表**是进阶必选项。普通的 FlatList 人人都会用，但如何处理大数据量、如何实现自定义渲染、如何优化滚动性能，才是区分初级和中级开发者的分水岭。

学完能独立做什么，资料怎么配合练习

学完本课程后，你将能够：
1. 独立搭建符合现代 RN 规范的工程项目，包括清晰的分层目录结构。
2. 熟练运用 react-navigation 实现复杂的页面跳转、参数传递及底部导航交互。
3. 使用 FlatList 等组件处理大规模数据渲染，并懂得如何规避常见的性能瓶颈。
4. 具备将所学知识组合成一个完整、可运行的移动 App 的能力。

**资料使用建议**：
课程提供的资料不仅是视频，更包含完整的项目代码和结构参考。建议采用“跟随式开发”：每看完一节视频，立即在自己的开发环境中敲一遍代码，而不是只看不动。遇到报错时，对照资料中的项目结构检查自己的配置差异（如依赖版本、导入路径等）。在学完导航章节后，尝试修改案例中的页面跳转逻辑；在学完列表章节后，尝试替换数据源或调整渲染样式。只有亲手改过代码，这些知识才能真正转化为你的实战能力。

课程目录

第1章 开发准备 9 节 | 126分钟 1-1 课程学习指南（一定要最先看） (06:44).mp4
 1-2 项目介绍与开发计划 (18:11).mp4
 1-3 项目技术分解 (08:55).mp4
 1-4 项目结构介绍 (03:56).mp4
 1-5 项目底部导航菜单开发 (27:20).mp4
 1-6 Navigator的基本使用及页面间数据传递实现 (20:27).mp4
 1-7 自定义组件NavigationBar-1 (02:54).mp4
 1-8 自定义组件NavigationBar-2 (25:18).mp4
 1-9 自定义组件NavigationBar-3 (11:14).mp4
 第2章 适配RN 0.55全新导航器react-navigation精讲 

10 节 | 114分钟 2-1 react-navigation讲解 (17:37).mp4
 2-2 StackNavigator精讲-1 (11:09).mp4
 2-3 StackNavigator精讲-2 (14:29).mp4
 2-4 StackNavigator精讲-3 (05:31).mp4
 2-5 StackNavigator精讲-4 (15:26).mp4
 2-6 TabNavigator精讲-1 (08:10).mp4
 2-7 TabNavigator精讲-2 (10:57).mp4
 2-8 TabNavigator精讲-3 (10:03).mp4
 2-9 DrawerNavigator精讲-1 (06:05).mp4
 2-10 DrawerNavigator精讲-2 (13:33).mp4
 第3章 适配RN 0.55最新高性能列表组件精讲 7 节 | 73分钟 3-1 高性能列表组件FlatList、VirtualizedList精讲-1 (22:48).mp4
 3-2 高性能列表组件FlatList、VirtualizedList精讲-2 (10:42).mp4
 3-3 高性能列表组件FlatList、VirtualizedList精讲-3 (07:36).mp4
 3-4 高性能列表组件FlatList、VirtualizedList精讲-4 (06:58).mp4
 3-5 高性能列表组件SwipeableFlatList精讲 (09:46).mp4
 3-6 高性能列表组件SectionList详解-1 (04:25).mp4
 3-7 高性能列表组件SectionList详解-2 (09:58).mp4
 第4章 项目基础功能开发（ListView、下拉刷新、上拉加载更多、APP启动引导流程） 4 节 | 74分钟 4-1 ListView列表、下拉刷新、上拉加载的基本使用 (24:48).mp4
 4-2 网络编程利器-Fetch的基本使用 (16:36).mp4
 4-3 网络编程利器-Fetch的轻量级封装 (11:10).mp4
 4-4 项目启动引导流程实现 (21:20).mp4
 第5章 Popular(最热）模块开发（AsyncStorage数据库技术、离线缓存） 

15 节 | 248分钟 5-1 Popular(最热)模块的数据层设计 (16:29).mp4
 5-2 Popular(最热)模块的列表页面实现-1 (17:47).mp4
 5-3 Popular(最热)模块的列表页面实现-2 (13:51).mp4
 5-4 Popular(最热)模块的列表页面实现-3 (13:17).mp4
 5-5 AsyncStorage异步数据存储技术解析 (18:13).mp4
 5-6 Popular(最热)模块的自定义标签功能实现-1 (27:44).mp4
 5-7 Popular(最热)模块的自定义标签功能实现-2 (06:58).mp4
 5-8 Popular(最热)模块的自定义标签功能实现-3 (17:29).mp4
 5-9 Popular(最热)模块的自定义标签功能实现-4 (13:49).mp4
 5-10 Popular(最热)模块的标签排序功能实现-1 (18:11).mp4
 5-11 Popular(最热)模块的标签排序功能实现-2 (18:36).mp4
 5-

12 Popular(最热)模块的标签移除功能实现 (12:02).mp4
 5-

13 Popular(最热)模块的离线缓存功能实现 (23:23).mp4
 5-

14 WebView控件实现简单浏览器 (16:34).mp4
 5-

15 Popular(最热)模块的详情页功能实现 (13:13).mp4
 第6章 Trending(趋势)模块开发（代码优化技巧、高复用代码设计） 6 节 | 83分钟 6-1 Trending(趋势)模块的数据接口实现原理及使用详解 (14:17).mp4
 6-2 Trending(趋势)模块的数据层设计 (09:48).mp4
 6-3 Trending(趋势)模块的列表页面实现 (24:03).mp4
 6-4 Pop弹窗功能实现 (27:25).mp4
 6-5 Trending(趋势)模块的自定义语言功能实现 (04:19).mp4
 6-6 Trending(趋势)模块的自定义语言排序功能实现 (02:44).mp4
 第7章 Favorite(收藏)模块开发（数据DAO层设计技巧，数据状态实时更新） 9 节 | 136分钟 7-1 为Popular(最热)模块的列表页添加收藏功能-1 (06:55).mp4
 7-2 为Popular(最热)模块的列表页添加收藏功能-2 (17:17).mp4
 7-3 Favorite(收藏)模块的收藏状态数据DAO层设计 (14:23).mp4
 7-4 Favarite(收藏)模块的数据收藏状态实时更新 (16:14).mp4
 7-5 为Trending(趋势)模块的列表页添加收藏功能 (11:45).mp4
 7-6 为Popular(最热)与Trending(趋势)模块的详情页添加收藏的功能 (22:38).mp4
 7-7 Favorite(收藏)模块列表页面基本实现与用户所收藏的项目数据获取 (11:22).mp4
 7-8 Favorite(收藏)模块列表页面具体实现-1 (08:06).mp4
 7-9 Favorite(收藏)模块列表页面具体实现-2 (26:48).mp4
 第8章 My(我的)模块开发（代码提取技巧，组合模式应用技巧，数据异步刷新与动态添加） 

13 节 | 209分钟 8-1 My(我的)模块分组列表页面实现-1 (16:37).mp4
 8-2 My(我的)模块分组列表页面实现-2 (14:04).mp4
 8-3 My(我的)模块分组列表页面实现-3 (17:21).mp4
 8-4 My(我的)模块项目介绍页面简单实现（parallar-scroll-view）-1 (14:13).mp4
 8-5 My(我的)模块项目介绍页面简单实现（parallar-scroll-view）-2 (16:33).mp4
 8-6 My(我的)模块项目介绍页面复用代码提取技巧 (11:24).mp4
 8-7 My(我的)模块意见反馈，项目官网展示功能实现 (11:40).mp4
 8-8 My(我的)模块项目介绍数据请求工具开发（RepositoryUtil）-1 (07:41).mp4
 8-9 My(我的)模块项目介绍数据请求工具开发（RepositoryUtil）-2 (21:07).mp4
 8-10 My(我的)模块项目介绍数据展示-1 (18:43).mp4
 8-11 My(我的)模块项目介绍数据展示-2 (07:10).mp4
 8-12 My(我的)模块关于作者页面实现(自定义可扩展列表)-1 (25:42).mp4
 8-13 My(我的)模块关于作者页面实现-2 (26:32).mp4
 第9章 Search(搜索)模块开发（动态关键字，可取消异步任务设计） 8 节 | 115分钟 9-1 带搜索的NavBar实现-1 (13:32).mp4
 9-2 带搜索的NavBar实现-2 (15:29).mp4
 9-3 搜索数据显示与onFavorite()方法的提取-1 (15:33).mp4
 9-4 搜索数据显示与onFavorite()方法的提取-2 (10:22).mp4
 9-5 为Search（搜索）模块添加进度条与底部按钮-1 (18:57).mp4
 9-6 为Search（搜索）模块添加进度条与底部按钮-2 (15:42).mp4
 9-7 添加返回首页数据刷新功能 (12:52).mp4
 9-8 为Promise插上翅膀之可取消的异步任务 (11:40).mp4
 第10章 MoreMenu(更多菜单)模块开发（封装可配置菜单组件，RN版本升级踩坑） 4 节 | 62分钟 10-1 可配置菜单的实现-1 (27:38).mp4
 10-2 可配置菜单的实现-2 (10:37).mp4
 10-3 可配置菜单的实现-3 (08:57).mp4
 10-4 ReactNative版本升级踩坑（0.39-to-0.40） (14:20).mp4
 第11章 高级功能开发（多彩主题、数据统计、社会化分享、第三方登录，热更新等） 

17 节 | 278分钟 11-1 构建自定义多彩主题页面 (24:36).mp4
 11-2 应用自定义多彩主题页面-1 (16:26).mp4
 11-3 应用自定义多彩主题页面-2 (18:50).mp4
 11-4 实现自定义多彩主题变换 (32:20).mp4
 11-5 React Native原生模块的封装(Android) (23:56).mp4
 11-6 React Native原生模块的封装(iOS) (14:45).mp4
 11-7 React Native集成统计功能 (12:37).mp4
 11-8 React Native 分享与第三方登录模块开发(Android)-分享模块开发 (20:13).mp4
 11-9 React Native分享与第三方登录模块开发(Android)-分享模块的应用 (09:24).mp4
 11-

10 React Native 分享与第三方登录模块开发(iOS) (21:47).mp4
 11-

11 React Native启动白屏问题原因及解决方案(Android) (11:41).mp4
 11-

12 React Native启动白屏问题原因及解决方案(iOS) (04:35).mp4
 11-

13 如何适配Android和iOS双平台 (10:03).mp4
 11-

14 CodePush 热更新-集成CodePush(Android) (17:05).mp4
 11-

15 CodePush 热更新-集成CodePush(iOS) (03:31).mp4
 11-

16 CodePush 热更新-应用CodePush(Android) (18:46).mp4
 11-

17 CodePush 热更新-应用CodePush(iOS) (16:24).mp4
 第12章 项目发布前的优化、打包与上线Android和IOS APP、学习资料 5 节 | 62分钟 12-1 项目发布前的优化(Android) (23:35).mp4
 12-2 项目发布前的优化(iOS) (11:53).mp4
 12-3 项目打包发布Android应用 (11:12).mp4
 12-4 项目打包发布iOS应用 (06:40).mp4
 12-5 课程总结 (07:52).mp4
 第13章 适配RN 0.55最新版对项目与组件升级与适配 

14 节 | 209分钟 13-1 最新版React Native 的升级与适配 (22:49).mp4
 13-2 升级第三方组件,适配PropTypes,ViewPropTypes (30:09).mp4
 13-3 使用react-navigation搭建项目导航框架-1 (14:08).mp4
 13-4 使用react-navigation搭建项目导航框架-2 (15:41).mp4
 13-5 使用react-navigation搭建项目导航框架-3 (15:49).mp4
 13-6 使用react-navigation搭建项目导航框架-4 (13:13).mp4
 13-7 基于modal的全屏弹框封装-1 (19:56).mp4
 13-8 基于modal的全屏弹框封装-2 (13:17).mp4
 13-9 基于modal的全屏弹框封装-3 (12:38).mp4
 13-10 FlatList实战应用(从ListView到FlatList的适配) (17:42).mp4
 13-

11 React 16.3,React 17适配指南与BackHandler应用-1 (11:40).mp4
 13-

12 React 16.3,React 17适配指南与BackHandler应用-2 (06:46).mp4
 13-

13 React 16.3,React 17适配指南与BackHandler应用-3 (06:00).mp4
 13-

14 React 16.3,React 17适配指南与BackHandler应用-4 (08:27).mp4
 第14章 适配RN 0.55全面屏适配指南 4 节 | 74分钟 14-1 React Native 全屏幕适配指南.mp4
 (26:23) 14-2 React Native 适配iOS全面屏iPhone X-1 (18:39).mp4
 14-3 React Native 适配iOS全面屏iPhone X-2 (13:14).mp4
 14-4 React Native 升级适配Android与适配Android全面屏 (15:18).mp4
 第15章 【拓展知识】React Native与Android 混合开发讲解 6 节 | 64分钟 15-1 React Native 混合开发实战(Android篇)-1 (09:59).mp4
 15-2 React Native 混合开发实战(Android篇)-2 (11:02).mp4
 15-3 React Native 混合开发实战(Android篇)-3 (11:24).mp4
 15-4 React Native 混合开发实战(Android篇)-4 (09:35).mp4
 15-5 React Native 混合开发实战(Android篇)-5 (12:54).mp4
 15-6 React Native 混合开发实战(Android篇)-6 (08:45).mp4
 第16章 【拓展知识】React Native与IOS App混合开发讲解 3 节 | 33分钟 16-1 React Native 混合开发实战(iOS篇)-1 (13:16).mp4
 16-2 React Native 混合开发实战(iOS篇)-2 (14:08).mp4
 16-3 React Native 混合开发实战(iOS篇)-3 (05:18).mp4