深入淺出 React Native
內容描述
適合iOS和Android原生平臺應用開發者,以及有興趣加入移動平臺開發的JavaScript開發者閱讀。適合iOS和Android原生平臺應用開發者,以及有興趣加入移動平臺開發的JavaScript開發者閱讀。適合iOS和Android原生平臺應用開發者,以及有興趣加入移動平臺開發的JavaScript開發者閱讀。適合iOS和Android原生平臺應用開發者,以及有興趣加入移動平臺開發的JavaScript開發者閱讀。
目錄大綱
第1章進入React Native 1
1.1 React Native 給我們帶來 1
1.2 React Native的適用場景 2
1.3 搭建React Native Environment
1.3.1iOS開發常見概念 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.1iOS啟動流程 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. 1iOS—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 文本解析 35
3.1.1 RCTTextView和ReactTextView 37
3.1.2 行訣 39
3.2 文字佈局方式 41
3.2.1 文本的編碼 41
3.2.2 同行多字號文本的信息方式 43
3.3 文本輸入——文本輸入 45
3.4 軟鍵盤 49
3.4.1 鍵盤 49
3.4.2 KeyboardAvoidingView 51
3.5縣小結52
第4章事件響應機制53
4.1 觸摸事件 53
4.2 觸摸組件 55
4.3 響應響應系統 58
4.3.1 響應者生命週期58
4.3.2 泛響應器 64
4.4 原生事件機制67
4.4.1iOS事件機制68
4.4.2 Android事件機制70
4.5縣小結 74
第5章 媒體、文件及本地存儲:75
5.1 圖片組件 75
5.1.1 圖像屬性及方法詳解 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 反應-native-fs 100
5.4 本地存儲 103
5.4.1iOS本地存儲方式 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 交互動畫——動畫 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.1iOS與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導航 192
9.2.1 自定義導航 193
9.2.2 導航事件 198
9.3 原生導航——React NativeNavigation 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.220服務
10.1.3 具體實現 221
10.2 應用平台化——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
11.4 標籤切換 263
11.5縣小結 264
第12章 React Native中的“微尖端” 265
12.1 什麼是微尖端 265
12.2 React Native“微尖端”探索 271
12.3 縣小結 272
作者介紹
陳陸揚
前端技術大咖,2011年開始從事前端開發工作,曾就職於百度、去哪兒網、美菜網等,負責跨端方案建設及B端體系建設,另著有《Vue.js前端開發快速入門與專業》 應用》一書。