●前言xi
章初識ReactNative1
1.1ReactNative的優點2
1.1.1開發者體驗2
1.1.2代碼復用與知識共享3
1.2風險和缺點4
1.3小結4
第2章ReactNative工作原理5
2.1ReactNative是如何工作的5
2.2渲染周期7
2.3在ReactNative中創建組件7
2.3.1編寫視圖8
2.3.2使用JSX9
2.3.3原生組件的樣式10
2.4宿主平臺API11
2.5小結11
第3章構建你的個應用12
3.1搭建環境12
3.2使用CreateReactNativeApp進行開發配置13
3.2.1使用create-react-native-app創建你的個應用13
3.2.2在iOS或者Android中預覽應用14
3.3使用傳統方式進行開發配置15
3.3.1使用react-native創建個應用15
3.3.2在iOS平臺運行ReactNative應用16
3.3.3在Android平臺運行ReactNative應用17
3.4探索示例代碼17
3.5開發天氣應用20
3.5.1處理用戶輸入21
3.5.2展現數據24
3.5.3從Web獲取數據26
3.5.4添加背景圖片30
3.5.5整合31
3.6小結33
第4章移動應用組件35
4.1類比H素與原生組件35
4.1.1文本組件36
4.1.2圖片組件38
4.2處理觸摸和手勢39
4.2.1使用〈Button〉創建基礎交互40
4.2.2使用〈TouchableHighlight〉組件40
4.2.3使用PanResponder類43
4.3使用列表49
4.3.1使用基礎的〈FlatList〉組件50
4.3.2更新〈FlatList〉的內容52
4.3.3整合真實數據56
4.3.4使用〈SectionList〉59
4.4導航62
4.5其他結構化組件63
4.6小結64
第5章樣式65
5.1聲明和操作樣式65
5.1.1內聯樣式66
5.1.2對像樣式66
5.1.3使用Stylesheet.create67
5.1.4樣式拼接67
5.2組織和繼承69
5.2.1導出樣式對像69
5.2.2樣式作為屬性傳遞70
5.2.3復用和共享樣式70
5.3定位和設計布局71
5.3.1使用flexbox布局71
5.3.2使用絕對定位75
5.3.3學以致用75
5.4小結79
第6章平臺API80
6.1使用定位API80
6.1.1獲取用戶地理位置81
6.1.2處理權限問題81
6.1.3在模擬器上測試定位82
6.1.4監聽用戶位置84
6.1.5限制84
6.1.6改進天氣應用84
6.2使用用戶圖片與攝像頭87
6.2.1使用相機模塊進行交互87
6.2.2通過getPhotoParams獲取圖片88
6.2.3從相機渲染一張圖片89
6.2.4上傳圖片至服務器90
6.3AsyncStore持久化數據存儲91
6.4SmarterWeather應用92
6.4.1〈WeatherProject〉組件92
6.4.2〈Forecast〉組件95
6.4.3〈Button〉組件96
6.4.4〈LocationButton〉組件96
6.4.5〈PhotoBackdrop〉組件97
6.5小結99
第7章模塊和原生代碼100
7.1使用npm安裝JavaScript類庫100
7.2安裝包含原生代碼的第三方組件102
7.3Objective-C原生模塊103
7.3.1編寫iOS的Objective-C原生模塊103
7.3.2探索react-native-videoiOS版本107
7.4Java原生模塊110
7.4.1編寫Android的Java原生模塊110
7.4.2探索react-native-videoJava版本113
7.5跨平臺原生模塊116
7.6小結116
第8章平臺特定代碼118
8.1僅iOS僅Android可用的組件118
8.2平臺特定組件的實現119
8.2.1使用平臺特定的文件擴展名119
8.2.2使用平臺模塊122
8.3何時使用平臺特定組件122
第9章調試與開發者工具123
9.1JavaScript調試實踐和解釋123
9.1.1激活開發者選項123
9.1.2使用console.log調試125
9.1.3使用JavaScript調試器126
9.1.4使用React開發者工具127
9.2ReactNative調試工具128
9.2.1使素功能128
9.2.2宕機紅屏129
9.3JavaScript之外的調試方法132
9.3.1常見的開發環境問題132
9.3.2常見的Xcode問題133
9.3.3常見的Android問題134
9.3.4ReactNative包管理器135
9.3.5部署至iOS設備的問題135
9.3.6模擬器行為136
9.4測試代碼137
9.4.1使用Flow進行類型檢查137
9.4.2使用Jest測試138
9.4.3使用Jest進行快照測試139
9.5當你陷入困境142
9.6小結142
0章大型應用中的導航與結構143
10.1閃卡應用143
10.2項目結構145
10.2.1應用屏幕146
10.2.2可復用組件152
10.2.3樣式156
10.2.4數據模型157
10.3使用ReactNavigation159
10.3.1創建StackNavigator160
10.3.2使用navigation.navigate在屏幕之間過渡160
10.3.3使用navigationOptions配置頁眉163
10.3.4實現餘下邏輯164
10.4本章小結165
1章大型應用中的狀態管理166
11.1使用Redux管理狀態166
11.2action167
11.3reducer169
11.4連接Redux172
11.5使用AsyncStorage持久化數據179
11.6本章小結和作業182
總結183
附錄A現代JavaScript語法184
附錄B部署應用189
附錄C使用Expo應用192
作者簡介193
關於封面193