React Native開(kāi)發(fā)指南（第2版）

第1章　初識(shí)React Native　1
1.1　React Native的優(yōu)點(diǎn)　2
1.2　風(fēng)險(xiǎn)和缺點(diǎn)　4
1.3　小結(jié)　4
第2章　React Native工作原理　5
2.1　React Native是如何工作的　5
2.2　渲染周期　7
2.3　在React Native中創(chuàng)建組件　7
2.3.1　編寫(xiě)視圖　8
2.3.2　使用JSX　9
2.3.3　原生組件的樣式　10
2.4　宿主平臺(tái)API　11
2.5　小結(jié)　11
第3章　構(gòu)建你的第一個(gè)應(yīng)用　12
3.1　搭建環(huán)境　12
3.2　使用Create React Native App進(jìn)行開(kāi)發(fā)配置　13
3.2.1　使用create-react-native-app創(chuàng)建你的第一個(gè)應(yīng)用　13
3.2.2　在iOS或者Android中預(yù)覽應(yīng)用　14
3.3　使用傳統(tǒng)方式進(jìn)行開(kāi)發(fā)配置　15
3.3.1　使用react-native創(chuàng)建第一個(gè)應(yīng)用　15
3.3.2　在iOS平臺(tái)運(yùn)行React Native應(yīng)用　16
3.3.3　在Android平臺(tái)運(yùn)行React Native應(yīng)用　17
3.4　探索示例代碼　17
3.5　開(kāi)發(fā)天氣應(yīng)用　20
3.5.1　處理用戶(hù)輸入　21
3.5.2　展現(xiàn)數(shù)據(jù)　24
3.5.3　從Web獲取數(shù)據(jù)　26
3.5.4　添加背景圖片　30
3.5.5　整合　31
3.6　小結(jié)　33
第4章　移動(dòng)應(yīng)用組件　35
4.1　類(lèi)比HTML元素與原生組件　35
4.2　處理觸摸和手勢(shì)　39
4.3　使用列表　49
4.4　導(dǎo)航　62
4.5　其他結(jié)構(gòu)化組件　63
4.6　小結(jié)　64
第5章　樣式　65
5.1　聲明和操作樣式　65
5.1.1　內(nèi)聯(lián)樣式　66
5.1.2　對(duì)象樣式　66
5.1.3　使用Stylesheet.create　67
5.1.4　樣式拼接　67
5.2　組織和繼承　69
5.2.1　導(dǎo)出樣式對(duì)象　69
5.2.2　樣式作為屬性傳遞　70
5.2.3　復(fù)用和共享樣式　70
5.3　定位和設(shè)計(jì)布局　71
5.3.1　使用flexbox布局　71
5.3.2　使用絕對(duì)定位　75
5.3.3　學(xué)以致用　75
5.4　小結(jié)　79
第6章　平臺(tái)API　80
6.1　使用定位API　80
6.1.1　獲取用戶(hù)地理位置　81
6.1.2　處理權(quán)限問(wèn)題　81
6.1.3　在模擬器上測(cè)試定位　82
6.1.4　監(jiān)聽(tīng)用戶(hù)位置　84
6.1.5　限制　84
6.1.6　改進(jìn)天氣應(yīng)用　84
6.2　使用用戶(hù)圖片與攝像頭　87
6.2.1　使用相機(jī)模塊進(jìn)行交互　87
6.2.2　通過(guò)getPhotoParams獲取圖片　88
6.2.3　從相機(jī)渲染一張圖片　89
6.2.4　上傳圖片至服務(wù)器　90
6.3　AsyncStore持久化數(shù)據(jù)存儲(chǔ)　91
6.4　SmarterWeather應(yīng)用　92
6.5　小結(jié)　99
第7章　模塊和原生代碼　100
7.1　使用npm安裝JavaScript類(lèi)庫(kù)　100
7.2　安裝包含原生代碼的第三方組件　102
7.3　Objective-C原生模塊　103
7.3.1　編寫(xiě)iOS的Objective-C原生模塊　103
7.3.2　探索react-native-video iOS版本　107
7.4　Java原生模塊　110
7.4.1　編寫(xiě)Android的Java原生模塊　110
7.4.2　探索react-native-video Java版本　113
7.5　跨平臺(tái)原生模塊　116
7.6　小結(jié)　116
第8章　平臺(tái)特定代碼　118
8.1　僅iOS/僅Android可用的組件　118
8.2　平臺(tái)特定組件的實(shí)現(xiàn)　119
8.2.1　使用平臺(tái)特定的文件擴(kuò)展名　119
8.2.2　使用平臺(tái)模塊　122
8.3　何時(shí)使用平臺(tái)特定組件　122
第9章　調(diào)試與開(kāi)發(fā)者工具　123
9.1　JavaScript調(diào)試實(shí)踐和解釋　123
9.1.1　激活開(kāi)發(fā)者選項(xiàng)　123
9.1.2　使用console.log調(diào)試　125
9.1.3　使用JavaScript調(diào)試器　126
9.1.4　使用React開(kāi)發(fā)者工具　127
9.2　React Native調(diào)試工具　128
9.2.1　使用審查元素功能　128
9.2.2　宕機(jī)紅屏　129
9.3　JavaScript之外的調(diào)試方法　132
9.3.1　常見(jiàn)的開(kāi)發(fā)環(huán)境問(wèn)題　132
9.3.2　常見(jiàn)的Xcode問(wèn)題　133
9.3.3　常見(jiàn)的Android問(wèn)題　134
9.3.4　React Native包管理器　135
9.3.5　部署至iOS設(shè)備的問(wèn)題　135
9.3.6　模擬器行為　136
9.4　測(cè)試代碼　137
9.4.1　使用Flow進(jìn)行類(lèi)型檢查　137
9.4.2　使用Jest進(jìn)行單元測(cè)試　138
9.4.3　使用Jest進(jìn)行快照測(cè)試　139
9.5　當(dāng)你陷入困境　142
9.6　小結(jié)　142
第10章　大型應(yīng)用中的導(dǎo)航與結(jié)構(gòu)　143
10.1　閃卡應(yīng)用　143
10.2　項(xiàng)目結(jié)構(gòu)　145
10.2.1　應(yīng)用屏幕　146
10.2.2　可復(fù)用組件　152
10.2.3　樣式　156
10.2.4　數(shù)據(jù)模型　157
10.3　使用React Navigation　159
10.3.1　創(chuàng)建StackNavigator　160
10.3.2　使用navigation.navigate在屏幕之間過(guò)渡　160
10.3.3　使用navigationOptions配置頁(yè)眉　163
10.3.4　實(shí)現(xiàn)余下邏輯　164
10.4　本章小結(jié)　165
第11章　大型應(yīng)用中的狀態(tài)管理　166
11.1　使用Redux管理狀態(tài)　166
11.2　action　167
11.3　reducer　169
11.4　連接Redux　172
11.5　使用AsyncStorage持久化數(shù)據(jù)　179
11.6　本章小結(jié)和作業(yè)　182
總結(jié)　183
附錄A　現(xiàn)代JavaScript語(yǔ)法　184
附錄B　部署應(yīng)用　189
附錄C　使用Expo應(yīng)用　192
作者簡(jiǎn)介　193
關(guān)于封面　193