深入浅出React Native

第 1章 走进React Native 1

1.1　React Native给我们带来了什么　1

1.2　React Native的适用场景　2

1.3　搭建React Native环境　2

1.3.1　iOS开发常见概念　2

1.3.2　Android开发常见概念　6

1.3.3　命令行构建　8

1.3.4　在现有原生项目中增加React Native环境　9

1.4　本章小结　15

第 2章　React Native启动流程及视图解析　16

2.1　React Native启动流程　16

2.1.1　iOS启动流程　17

2.1.2　Android启动流程　18

2.1.3　小结　20

2.2　局部渲染React Native　20

2.2.1　iOS局部渲染　20

2.2.2　Android局部渲染　21

2.3　React Native原生视图详解　23

2.3.1　iOS—RCTRootView　23

2.3.2　Android—ReactRootView　24

2.3.3　视图长度单位　26

2.4　React Native布局方式　28

2.4.1　Flex布局　28

2.4.2　定位　32

2.5　本章小结　34

第3章　文本及输入　35

3.1　Text解析　35

3.1.1　RCTTextView和ReactTextView　37

3.1.2　行间距　39

3.2　Text布局方式　41

3.2.1　Text的嵌套　41

3.2.2　同行多字号文本的对齐方式　43

3.3　文本输入——TextInput　45

3.4　软键盘　49

3.4.1　Keyboard　49

3.4.2　KeyboardAvoidingView　51

3.5　本章小结　52

第4章　事件响应机制　53

4.1　触摸事件　53

4.2　Touch组件　55

4.3　手势响应系统　58

4.3.1　响应者生命周期　58

4.3.2　PanResponder　64

4.4　原生事件机制　67

4.4.1　iOS事件机制　68

4.4.2　Android事件机制　70

4.5　本章小结　74

第5章　媒体、文件及本地存储　75

5.1　图片组件　75

5.1.1　Image属性及方法详解　77

5.1.2　原生图片组件　81

5.1.3　高性能图片组件：react-native-fast-image　83

5.2　音视频文件的操作方式　86

5.2.1　音频处理　86

5.2.2　视频处理　94

5.3　本地文件系统　98

5.3.1　iOS本地文件系统　98

5.3.2　Android本地文件系统　99

5.3.3　react-native-fs　100

5.4　本地存储　103

5.4.1　iOS本地存储方式　103

5.4.2　Android本地存储方式　104

5.4.3　React Native本地存储方式　108

5.4.4　React Native混合模式下的公共存储方案　110

5.5　本章小结　116

第6章　动画　117

6.1　布局动画——LayoutAnimation　117

6.1.1　基本用法　117

6.1.2　原生实现原理　124

6.2　交互动画——Animated　128

6.2.1　基本用法　128

6.2.2　动画的控制与组合　139

6.2.3　动画值的运算与变化　143

6.2.4　手势跟踪　145

6.3　动画实现原理及优化　146

6.3.1　动画实现原理　147

6.3.2　常见优化手段　148

6.4　本章小结　152

第7章　React Native与原生端的通信方式　153

7.1　JavaScript调用原生模块　153

7.1.1　iOS与JavaScript的通信方式　153

7.1.2　Android与JavaScript的通信方式　160

7.2　JavaScript跨平台运行原理　169

7.2.1　JavaScriptCore——iOS的JavaScript引擎　169

7.2.2　Hermes——Android的新版JavaScript引擎　173

7.3　本章小结　177

第8章　自定义原生组件　178

8.1　原生UI组件封装　178

8.1.1　iOS原生组件封装　178

8.1.2　Android原生组件封装　181

8.1.3　JavaScript直接调用原生组件方法　186

8.2　自定义插件　189

8.3　本章小结　190

第9章　React Native的导航方案　191

9.1　原生导航偏好　191

9.2　JavaScript导航——React Navigation　192

9.2.1　自定义导航　193

9.2.2　导航事件　198

9.3　原生导航——React Native Navigation　199

9.3.1　自定义导航　200

9.3.2　视图生命周期　204

9.4　混合导航探索　205

9.4.1　方案设计　206

9.4.2　扩展功能　214

9.5　本章小结　218

第 10章　热更新与多实例　219

10.1　热更新　219

10.1.1　热更新流程　219

10.1.2　第三方服务　220

10.1.3　具体实现　221

10.2　App平台化——React Native多实例　225

10.2.1　多实例管理　225

10.2.2　指定渲染依赖实例　226

10.2.3　自定义原生模块依赖　230

10.2.4　多实例效果及局限　233

10.3　本章小结　235

第 11章　常见场景优化　236

11.1　页面启动白屏时间　236

11.1.1　JavaScript Bundle包大小的影响　236

11.1.2　自定义原生模块的影响　237

11.1.3　页面层级深度　238

11.2　视图预加载　241

11.3　长列表优化　250

11.3.1　FlatList、SectionList和VirtualizedList　251

11.3.2　原生视图的复用　254

11.4　Tab切换　263

11.5　本章小结　264

第 12章　React Native中的“微前端”　265

12.1　什么是微前端　265

12.2　React Native “微前端”探索　271

12.3　本章小结　272