深入淺出React Native

適合iOS和Android原生平台應用開發者，以及有興趣加入移動平臺開發的JavaScript開發者閱讀。適合iOS和Android原生平台應用開發者，以及有興趣加入移動平臺開發的JavaScript開發者閱讀。適合iOS和Android原生平台應用開發者，以及有興趣加入移動平臺開發的JavaScript開發者閱讀。適合iOS和Android原生平台應用開發者，以及有興趣加入移動平臺開發的JavaScript開發者閱讀。

第1章 走進React Native1
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　音22檔的操作方式　86
5．2．1　音訊處理　86
5．2．2　22處理　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

陳陸揚

前端技術大咖，2011年開始從事前端開發工作，曾就職於百度、去哪兒網、美菜網等，負責跨端方案建設及B端體系建設，另著有《Vue.js 前端開發快速入門與專業應用》一書。