React Native精解與實(shí)戰(zhàn)

目錄 Contents
前言
第Ⅰ部分　入門(mén)
第1章　React與React Native簡(jiǎn)介2
1.1　React簡(jiǎn)介2
1.2　React Native 簡(jiǎn)介9
1.3　React Native 前置知識(shí)點(diǎn)11
第2章　Node.js 簡(jiǎn)介與開(kāi)發(fā)環(huán)境配置13
2.1　Node.js與npm簡(jiǎn)介13
2.2　React Native開(kāi)發(fā)環(huán)境配置15
2.2.1　安裝Node.js16
2.2.2　安裝React Native18
2.2.3　代碼編輯器以及推薦插件22
第3章　React Native工作原理與生命周期25
3.1　React Native框架及工作原理25
3.1.1　React Native與原生平臺(tái)通信27
3.1.2　組件間通信27
3.2　React Native中的生命周期31
3.3　本章小結(jié)35
第4章　React Native頁(yè)面布局36
4.1　CSS 3簡(jiǎn)介36
4.2　Flex彈性盒模型37
4.3　Flex屬性詳解與實(shí)例39
4.3.1　justify-content屬性40
4.3.2　align-items屬性42
4.3.3　align-self 屬性45
4.3.4　flex-direction 屬性48
4.3.5　flex-basis屬性51
4.3.6　flex-wrap屬性52
4.3.7　align-content 屬性54
4.3.8　flex-grow 屬性58
4.3.9　flex-shrink 屬性60
4.3.10　order屬性63
4.3.11　flex-flow屬性64
4.3.12　flex屬性64
4.4　React Native中的Flex屬性65
4.5　本章小結(jié)65
第5章　React Native開(kāi)發(fā)調(diào)試技巧與工具66
5.1　配置iOS開(kāi)發(fā)環(huán)境66
5.2　配置 Android 開(kāi)發(fā)環(huán)境70
5.3　常用調(diào)試屬性的說(shuō)明73
5.4　Chrome 中遠(yuǎn)程調(diào)試代碼77
5.5　React Developer Tools 工具安裝與應(yīng)用80
5.6　本章小結(jié)82
第6章　React Native 組件詳解83
6.1　React Native組件簡(jiǎn)介83
6.2　視圖組件86
6.2.1　View組件介紹86
6.2.2　View組件實(shí)例87
6.3　底部導(dǎo)航 TabBar 組件92
6.3.1　TabBar 組件介紹92
6.3.2　iOS平臺(tái)下TabBarIOS組件實(shí)例94
6.3.3　Android 平臺(tái)下TabBar組件實(shí)例99
6.4　iOS 與 Android 的頁(yè)面跳轉(zhuǎn)102
6.4.1　NavigatorIOS 組件介紹102
6.4.2　NavigatorIOS組件實(shí)例104
6.4.3　react-native-navigation組件介紹108
6.4.4　react-native-navigation組件實(shí)例110
6.5　Image組件111
6.5.1　Image組件介紹111
6.5.2　Image組件實(shí)例112
6.6　Text組件114
6.6.1　Text組件介紹114
6.6.2　Text組件基本使用116
6.6.3　Text組件嵌套117
6.6.4　Text組件樣式統(tǒng)一119
6.7　TextInput 組件122
6.7.1　TextInput 組件介紹122
6.7.2　TextInput 組件實(shí)例124
6.8　觸摸處理類(lèi)組件130
6.8.1　TouchableHighlight 組件介紹130
6.8.2　TouchableHighlight 組件實(shí)例131
6.8.3　TouchableNativeFeedback 組件介紹132
6.8.4　TouchableNativeFeedback 組件實(shí)例133
6.8.5　TouchableOpacity組件介紹133
6.8.6　TouchableOpacity 組件實(shí)例134
6.8.7　TouchableWithoutFeedback組件介紹134
6.9　Web View組件135
6.9.1　WebView 組件介紹135
6.9.2　WebView 組件實(shí)例137
6.10　ScrollView組件139
6.10.1　ScrollView 組件介紹139
6.10.2　ScrollView組件實(shí)例140
6.11　本章小結(jié)142
第7章　React Native API詳解143
7.1　React Native API簡(jiǎn)介143
7.2　提示框145
7.2.1　Alert 介紹145
7.2.2　Alert實(shí)例145
7.3　App運(yùn)行狀態(tài)150
7.3.1　AppState 介紹150
7.3.2　AppState 實(shí)例150
7.4　異步存儲(chǔ)152
7.4.1　AsyncStorage 介紹152
7.4.2　AsyncStorage 實(shí)例154
7.4.3　登錄狀態(tài)處理159
7.5　相機(jī)與相冊(cè)API161
7.5.1　CameraRoll介紹161
7.5.2　相冊(cè)/相機(jī)組件實(shí)例161
7.6　地理位置信息168
7.6.1　Geolocation介紹168
7.6.2　Geolocation實(shí)例169
7.7　設(shè)備網(wǎng)絡(luò)信息175
7.7.1　NetInfo介紹175
7.7.2　NetInfo實(shí)例175
7.8　本章小結(jié)178
第8章　React Native網(wǎng)絡(luò)請(qǐng)求詳解179
8.1　RESTful API 簡(jiǎn)介179
8.2　React Native 中的網(wǎng)絡(luò)請(qǐng)求180
8.3　ListView 組件184
8.4　React Native 網(wǎng)絡(luò)請(qǐng)求與列表綁定方案186
8.5　本章小結(jié)192
第9章　常用React Native開(kāi)源組件詳解193
9.1　React Native 熱門(mén)資源列表194
9.2　React Native 接入微博、微信、QQ 登錄196
9.3　更加美觀的組件庫(kù)200
9.4　React Native圖表202
9.5　react-native-gifted-listview205
9.6　react-native-vector-icons207
9.7　本章小結(jié)210
第Ⅱ部分　進(jìn)階
第10章　React Native運(yùn)行原理與部署調(diào)試214
10.1　React Native運(yùn)行原理214
10.2　iOS平臺(tái)部署與調(diào)試220
10.3　Android平臺(tái)部署與調(diào)試225
10.4　Android模擬器簡(jiǎn)介230
10.5　本章小結(jié)233
第11章　iOS平臺(tái)與React Native混合開(kāi)發(fā)234
11.1　iOS平臺(tái)混合開(kāi)發(fā)簡(jiǎn)介234
11.2　iOS平臺(tái)混合開(kāi)發(fā)原理詳解235
11.2.1　iOS原生代碼實(shí)現(xiàn)235
11.2.2　iOS項(xiàng)目編譯設(shè)置237
11.2.3　React Native中調(diào)用混合開(kāi)發(fā)代碼239
11.2.4　iOS平臺(tái)混合開(kāi)發(fā)特性詳解241
11.3　iOS平臺(tái)混合開(kāi)發(fā)實(shí)例249
11.3.1　iOS原生代碼實(shí)現(xiàn)249
11.3.2　React Native調(diào)用混合開(kāi)發(fā)代碼250
11.4　本章小結(jié)252
第12章　Android平臺(tái)與React Native混合開(kāi)發(fā)253
12.1　Android平臺(tái)混合開(kāi)發(fā)簡(jiǎn)介253
12.2　Android平臺(tái)混合開(kāi)發(fā)原理詳解254
12.2.1　Android原生代碼實(shí)現(xiàn)254
12.2.2　Android原生模塊注