RN入门到进阶，打造高质量上线App(2022全新升级)

【你遇到的坑，别人已经出坑了，课程提供2000+问题与答案库】【老师是位答题狂，问答区的问题
有问必答】【课程安排：1-5章（入门进阶）-> 6-11章（实战提升） -> 12-16章
（拓展拔高）】，课程每个核心章为大家添加了N个练习作业，让大家带着问题去学习，学完本章后又
可以将所学知识进行巩固和检验。...
1-1 课前必读（不看会错过一个亿）
1-2 课程导学 (16:47)

工欲善其事必先利其器，本章将为大家精选了一些RN基础知识，有RN基础的同学可跳过这一章，直接
进入项目实战环节。
2-1 本章目标
2-2 开发环境搭建指导-Mac平台【持续更新】
2-3 开发环境搭建指导-Windows平台【持续更新】
2-4 VS Code开发React Native实用技巧【持续更新】
2-5 ES6,ES7,ES8学习指南-1 (12:36)
2-6 ES6,ES7,ES8学习指南-2 (12:08)
2-7 ES6,ES7,ES8学习指南-3 (08:23)
2-8 React必备基础讲解-1 (10:29)
2-9 React必备基础讲解-2 (17:54)
2-10 React Native Hooks开发指南
2-11 React Native调试技巧实战应用【持续更新】
2-12 创建支持TS项目，对比和仅支持JS语言的RN项目
2-13 本章总结

本章将手把手搭建一套RN网络框架，带你掌握网络操作、本地存储核心技术的基础上，传授你开发提效
的思路、方案和经验。
3-1 本章目标
3-2 走进React Native网络编程
3-3 .React Native网络编程之Fetch精讲 (09:38)
3-4 React Native数据存储揭秘
3-5 .React Native数据库编程之AsyncStorage精讲 (09:30)
3-6 项目接口文档
3-7 .后端接口使用指南 (03:06)
3-8 .网络层框架HiNet设计与开发-上 (17:29)
3-9 .网络层框架HiNet设计与开发-下 (10:03)
3-10 基于HiNet实现对登录接口的请求
3-11 本章总结

本章将以登录模块架构设计为背景来带你掌握模块设计以及RN中接口鉴权的方案，并着重培养大家封装
组件的能力和布局能力。
4-1 本章目标
4-2 React Native登录与注册SDK设计与实现
4-3 基于TextInput自定义账号和密码输入框 (12:56)
4-4 基于TouchableOpacity与Linking实现链接预览功能 (10:00)
4-5 标题栏组件封装与实现登录服务页面结构布局 (08:14)
4-6 基于HiNet实现登录功能 (09:56)
4-7 基于AsyncStorage实现接口鉴权与登录态处理 (04:50)
4-8 完成注册模块的设计与实现
4-9 本章总结

需求分析、项目演示和App流程结构介绍：让你对实战App有个整体和系统的认识；技术分解：让你
知道开发一款React Native应用通常需要用到哪些技术？最后，会教你如何基于新版re
act-navigation来搭建整个APP的导航框架，动态TabBar的探索和实现，以及
一些高级应用和实战技巧。...
5-1 本章目标
5-2 需求分析，技术分解，模块设计 (18:57)
5-3 矢量图标（react-native-vector-icons）使用指南
5-4 新版react-navigation上手指南
5-5 App导航基础架构设计 (13:15)
5-6 基于导航框架实现页面间的跳转 (09:22)
5-7 基于react-navigation的APP导航框架搭建-欢迎页 (05:01)
5-8 基于react-navigation的APP导航框架搭建-底部导航 (16:55)
5-9 基于react-navigation的APP导航框架搭建-顶部导航- (18:13)
5-10 顶部导航Tab样式自定义 (06:34)
5-11 基于NavigationDelegate来创建趋势页面的顶部
5-12 本章总结

【提供600+问题与答案库，你遇到的坑，别人已经出坑了】本章节会对Redux、react-r
edux进行全面的剖析和讲解，另外会对Redux的高级用法异步Action，异步数据流，中
间件等进行讲解，并且结合真实的项目案例来讲解Redux在React Native项目中的应用。...
6-1 本章目标
6-2 【理论熏陶】走进Redux【持续更新】
6-3 【理论熏陶】在React Native使用Redux【持续更新】
6-4 Redux集成开发指南-上 (11:04)
6-5 Redux集成开发指南-下 (18:19)
6-6 修改主题后借助Redux同时改变最热页面顶部Tab的颜色
6-7 本章总结

如何设计与实现最热模块？如何基于Redux+FlatList实现列表页数据加载？如何设计最热
模块的state树？如何操作异步action与数据流？如何动态的设置store和获stor
e？connect的灵活应用？action如何和调用页面进行交？FlatList的高级应用
与加载更多的优化。...
7-1 本章目标
7-2 最热模块接口系分与数据交互封装
7-3 基于Redux+FlatList实现列表页数据加载(异步action与数据流,state树设计) (17:08)
7-4 列表实现&数据渲染【封装与复用】 (14:53)
7-5 自定义组件实现列表Item【组件封装】 (15:13)
7-6 FlatList的高级应用&上拉加载更多功能实现-1【这个技能很实用】 (18:39)
7-7 FlatList的高级应用&上拉加载更多功能实现-2【这个技能很实用】 (13:33)

如何设计与实现趋势模块？如何优化TabNavigator效率？如何封装自定义组件？如何自定义
导航栏？如何基于Modal实现自定义弹框？如何最大程度的进行代码封装与复用？如何处理物理返
回键？DeviceEventEmitter的使用经验和技巧，WebView的使用与封装并实详情页。...
8-1 本章目标
8-2 趋势模块接口系分与数据交互封装
8-3 趋势页面Reudx设计与数据交互处理（一） (13:43)
8-4 趋势页面Reudx设计与数据交互处理（二） (10:15)
8-5 趋势页面开发【列表实现】 (12:54)
8-6 H5混合开发详情模块（一） (18:00)
8-7 H5混合开发详情模块（二） (14:01)

如何设计与实现收藏模块？如何基于多数据存储设计思想实现FavoriteDao？如何为最热与趋
势模块添加收藏与取消收藏的功能？如何进行跨页面通信？如何妙用callback解决Item跨
组件更新问题？如何基于最新React标准封装组件？如何封装BaseItem并通过继承的方式
进行代码复用？...
9-1 基于多数据存储设计思想实现FavoriteDao，封装BaseItem【思考与实践】 (20:58)
9-2 收藏功能的实现-1【实战应用】 (16:37)
9-3 收藏功能的实现-2【实战应用】 (15:42)
9-4 实现收藏页面（一） (15:04)
9-5 实现收藏页面（二） (15:24)
9-6 实现收藏页面（三） (11:42)

如何设计与实现我的模块？如何封装WebView实现一个简单的浏览器？如何使用组装者模式实现关
于页面的功能逻辑复用以及它与通过继承方式复用代码的优缺点？在React Native中如何
打电话，发短信，打开其他APP或被其他APP打开？以及Clipboard剪切板使用介绍。...
10-1 实现我的列表页-1【列表封装与复用】 (14:38)
10-2 实现我的列表页-2【列表封装与复用】 (13:47)
10-3 实现简单浏览器 (09:31)
10-4 组装者模式实现关于页面（一） (20:21)
10-5 组装者模式实现关于页面（二） (18:53)
10-6 实现关于作者页面与Linking、Clipboard的使用 (29:12)

如何实现自定义主题与APP动态换肤的功能？如何动态配置TabBar？如何实现标签排序、标签订
阅、标签移除等功能？
11-1 LanguageDao的封装与动态加载自定义标签的实现 (18:33)
11-2 自定义标签与自定义语言功能实现（一） (15:12)
11-3 自定义标签与自定义语言功能实现（二） (16:16)
11-4 自定义标签与标签移除功能实现【边学边做】 (18:35)
11-5 自定义主题设计与实现-1【动态修改皮肤】 (17:31)
11-6 自定义主题设计与实现-2【动态修改皮肤】 (14:17)

本章会教你实现搜索模块；首先会讲解如何实现一个带搜索的NavBar，以及输入框TextInp
ut的使用与扩展；然后会讲解如何显示搜索进度条，如何显示搜索的数据，如何动态显示和隐藏底部
按钮；然后，会讲解首页如何动态显示搜索模块添加的关键字，以及对“广播事件”的更进一步应用；
最后，为了实现取消搜索的功能，我会教你通过...
12-1 本章作业（带着5个问题去学习）
12-2 搜索模块Redux设计与取消异步任务的思考与实现-1【思考与提炼】 (12:14)
12-3 搜索模块Redux设计与取消异步任务的思考与实现-2【思考与提炼】 (17:24)
12-4 搜索页面实现-1【实战应用】 (13:43)
12-5 搜索页面实现-2【实战应用】 (15:22)
12-6 搜索页面实现-3【实战应用】 (20:15)
12-7 设计实现实时搜索的功能

本章节主要讲解全屏幕的适配与优化，并对全面屏的特点及存在的问题做出分析，同时教大家如何适配i
Phone X，华为，小米、三星等全面屏与凹凸屏手机。另外，会讲解react-naviga
tion在全面屏凹凸屏上的应用，章节最后会教大家如何去自定义一个容器组件。...
13-1 本章作业（带着10个问题去学习）
13-2 React Native 全屏幕适配指南【走在技术前沿】
13-3 启动白屏问题与启动屏开发【经验传授】

本章会教你对React Native进行发布前的优化；以及如何打包发布React Nativ
e Android应用与React Native iOS应用，以及如何使用CodePush进行热更新。
14-1 本章作业（ 带着8个问题去学习）
14-2 走进RN热更新CodePush
14-3 Android平台集成CodePush开发指南
14-4 iOS平台集成CodePush开发指南
14-5 基于CodePush实现热更新
14-6 打包发布React Native项目【收获果实】 (12:07)

本章会教你一些React Native开发的高级技能；首先会教你如何构建 React Nat
ive原生模块，来实现一些更高级的功能，比如多线程，图片处理等；接下来会教你如何在Reac
t Native应用中集成统计的功能，以及如何构建分享模块并集成分享与第三方登录的功能；然
后，会讲解启动白屏产生的原因以及启动白屏解决方案；最后，会讲...
15-1 本章作业（ 带着6个问题去学习）
15-2 RN开发并调用Android代码和模块【Android技术与RN融合】
15-3 RN开发并调用iOS代码和模块【iOS技术与RN融合】
15-4 RN App数据统计模块开发精讲-Android
15-5 RN App数据统计模块开发精讲-iOS
15-6 RN App数据统计模块开发精讲-1【运营数据一目了然】 (13:33)
15-7 RN App数据统计模块开发精讲-2【运营数据一目了然】 (16:10)
15-8 RN App社会化分享、第三方登录开发精-Android
15-9 RN App社会化分享、第三方登录开发精讲-iOS
15-10 RN App社会化分享、第三方登录开发精讲-1【必备加分技能】 (13:03)
15-11 RN App社会化分享、第三方登录开发精讲-2【必备加分技能】 (17:19)

在做RN开发的时候通常离不了JS 和Native之间的通信，比如：初始化RN时Native向
JS传递数据，JS调用Native的相册选择图片，JS调用Native的模块进行一些复杂的
计算，Native将一些数据(GPS信息，陀螺仪，传感器等)主动传递给JS等，在本章中我将
向大家介绍在RN中JS和Native之间通信的几种方式以及其原理和使用技巧。...
16-1 本章作业（带着9个问题去学习）
16-2 走进React Native Android混合开发实战
16-3 React Native 混合开发实战(Android篇)-1【解锁新的开发方式】 (09:59)
16-4 React Native 混合开发实战(Android篇)-2【解锁新的开发方式】 (11:02)
16-5 React Native 混合开发实战(Android篇)-3【解锁新的开发方式】 (11:24)
16-6 React Native 混合开发实战(Android篇)-4【解锁新的开发方式】 (09:35)
16-7 React Native 混合开发实战(Android篇)-5【解锁新的开发方式】 (12:54)
16-8 React Native 混合开发实战(Android篇)-6【解锁新的开发方式】 (08:45)
16-9 走进React Native iOS混合开发实战
16-10 React Native 混合开发实战(iOS篇)-1【解锁新的开发方式】 (13:16)
16-11 React Native 混合开发实战(iOS篇)-2【解锁新的开发方式】 (14:08)
16-12 React Native 混合开发实战(iOS篇)-3【解锁新的开发方式】 (05:18)

React Native的升级与适配一直是困扰开发者的一个痛点，本章节将讲解最新版React
Native的升级与适配的经验与技巧，同时会对比不同升级方式的优缺点，并会对React
Native过去一年中的重要更新做个总结，并且给出适配建议。
17-1 本章作业（带着3个问题去学习）
17-2 React Native升级与适配指南【后期开发避雷】 (07:42)

恭喜大家都坚持到了最后，相信大家通过本课程的学习都学有所成，学有所获，最后我们再次总结，回顾
和巩固所学，希望大家都能够学以致用，祝大家工作顺利。
18-1 课程总结 (02:49)

不定期为大家补充React Native前沿技术。
19-1 React Navigation 4x到5x的迁移指南
19-2 React Navigation 5x安装适配指南