React Native全教程：移動(dòng)端跨平臺(tái)應(yīng)用開發(fā)

目 錄

第1章 從JavaScript開始 1
1.1 學(xué)習(xí)環(huán)境的配置 1
1.1.1 使用瀏覽器進(jìn)行JavaScript代碼的調(diào)試 1
1.1.2 使用Sublime Text工具來(lái)編寫JavaScript代碼 3
1.1.3 安裝Sublime Text插件管理器PackageControl 3
1.1.4 使用PackageControl進(jìn)行JavaScript代碼智能提示插件的安裝 5
1.1.5 安裝JavaScript代碼格式化插件 7
1.1.6 在Sublime Text中運(yùn)行JavaScript代碼 7
1.2 初識(shí)JavaScript 8
1.2.1 JavaScript的語(yǔ)法特點(diǎn) 9
1.2.2 JavaScript中的變量 10
1.3 JavaScript中的數(shù)據(jù)類型 12
1.3.1 原始類型 13
1.3.2 引用類型 16
1.4 JavaScript中的運(yùn)算符 18
1.4.1 算術(shù)運(yùn)算符 18
1.4.2 賦值運(yùn)算符 21
1.4.3 關(guān)系運(yùn)算符 22
1.4.4 邏輯運(yùn)算符 24
1.4.5 位運(yùn)算符 26
1.4.6 特殊運(yùn)算符 30
1.4.7 運(yùn)算符的優(yōu)先級(jí)與結(jié)合性 32
第2章 JavaScript流程控制與函數(shù) 34
2.1 條件分支結(jié)構(gòu) 34
2.1.1 if-else分支結(jié)構(gòu) 34
2.1.2 switch-case分支結(jié)構(gòu) 35
2.2 循環(huán)結(jié)構(gòu) 37
2.2.1 while循環(huán)結(jié)構(gòu) 37
2.2.2 for循環(huán)結(jié)構(gòu) 38
2.3 中斷與跳轉(zhuǎn)結(jié)構(gòu) 39
2.3.1 break語(yǔ)句 39
2.3.2 continue語(yǔ)句 41
2.4 異常捕獲結(jié)構(gòu) 42
2.4.1 使用throw語(yǔ)句拋出異常 43
2.4.2 異常的捕獲與處理 44
2.4.3 異常的傳遞 46
2.5 JavaScript中的函數(shù) 48
2.5.1 使用函數(shù)語(yǔ)句定義函數(shù) 48
2.5.2 使用函數(shù)表達(dá)式定義函數(shù) 50
2.5.3 使用Function構(gòu)造函數(shù) 51
第3章 JavaScript對(duì)象基礎(chǔ) 52
3.1 初識(shí)JavaScript對(duì)象 52
3.1.1 在JavaScript中創(chuàng)建對(duì)象 52
3.1.2 設(shè)置對(duì)象的屬性和行為 54
3.2 JavaScript中常用的內(nèi)置對(duì)象 55
3.2.1 JavaScript中的Number對(duì)象 55
3.2.2 JavaScript中的String對(duì)象 57
3.2.3 JavaScript中的Boolean對(duì)象 59
3.2.4 JavaScript中的Array對(duì)象 60
3.2.5 JavaScript中的Date對(duì)象 64
3.2.6 JavaScript中的Math對(duì)象 67
3.2.7 JavaScript中的RegExp對(duì)象 69
3.2.8 JavaScript中的Function對(duì)象 73
3.3 深入JavaScript中的Object對(duì)象 75
3.3.1 為對(duì)象屬性進(jìn)行配置 76
3.3.2 Object構(gòu)造方法對(duì)象中的常用函數(shù) 77
3.3.3 Object實(shí)例對(duì)象中的常用方法 82
3.4 面向?qū)ο缶幊碳夹g(shù) 82
3.4.1 JavaScript中模擬類的方式 83
3.4.2 在JavaScript中實(shí)現(xiàn)繼承機(jī)制 86
第4章 ECMAScript 6新特性 91
4.1 ECMAScript 6的塊級(jí)作用域 91
4.1.1 let關(guān)鍵字 92
4.1.2 const關(guān)鍵字 94
4.2 解構(gòu)賦值 95
4.2.1 數(shù)組的解構(gòu)賦值 95
4.2.2 對(duì)象的解構(gòu)賦值 96
4.2.3 字符串與函數(shù)參數(shù)的解構(gòu)賦值 98
4.3 箭頭函數(shù) 99
4.3.1 箭頭函數(shù)的基本用法 99
4.3.2 箭頭函數(shù)中this的固化 100
4.4 Set與Map數(shù)據(jù)結(jié)構(gòu) 102
4.4.1 Set集合結(jié)構(gòu) 102
4.4.2 Map字典結(jié)構(gòu) 104
4.5 Proxy代理 106
4.5.1 使用Proxy代理對(duì)對(duì)象的屬性讀寫進(jìn)行攔截 106
4.5.2 Proxy代理處理器支持的攔截操作 108
4.6 Promise承諾對(duì)象 110
4.6.1 Promise對(duì)象執(zhí)行異步任務(wù) 110
4.6.2 Promise任務(wù)鏈 112
4.6.3 Promise對(duì)象組合 113
4.7 Generator生成器與yield語(yǔ)句 115
4.7.1 Generator函數(shù)應(yīng)用 115
4.7.2 Generator任務(wù)參數(shù)的傳遞 117
4.8 使用class定義類 119
4.8.1 使用class定義類 119
4.8.2 class類的繼承 120
4.9 模塊引入 121
4.9.1 export關(guān)鍵字 121
4.9.2 import關(guān)鍵字 122
4.9.3 默認(rèn)導(dǎo)出與導(dǎo)入 122
第5章 React Native開發(fā)環(huán)境的搭建 124
5.1 iOS開發(fā)環(huán)境的搭建 124
5.1.1 申請(qǐng)AppleID賬號(hào) 124
5.1.2 安裝Xcode開發(fā)工具 125
5.2 Android開發(fā)環(huán)境的搭建 126
5.2.1 下載Android Studio開發(fā)工具 126
5.2.2 安裝相關(guān)SDK和模擬器 127
5.3 React Native開發(fā)環(huán)境配置 130
5.3.1 安裝React Native構(gòu)建環(huán)境 130
5.3.2 運(yùn)行你的第一個(gè)React Native應(yīng)用 131
第6章 React Native獨(dú)立組件基礎(chǔ)篇 134
6.1 Text文本組件的應(yīng)用 134
6.1.1 文字風(fēng)格設(shè)置 134
6.1.2 Text組件屬性的設(shè)置 138
6.1.3 Text組件的嵌套 140
6.1.4 React Native程序的調(diào)試 141
6.2 Button按鈕組件的應(yīng)用 142
6.2.1 Button組件的簡(jiǎn)單使用 142
6.2.2 小應(yīng)用：屏幕霓虹燈 144
6.3 Image圖像組件的應(yīng)用 145
6.3.1 渲染圖像的方式 145
6.3.2 Image組件的風(fēng)格自定義 148
6.3.3 Image組件的屬性和方法解析 151
6.4 Switch開關(guān)組件的應(yīng)用 154
6.5 Slider滑塊組件的應(yīng)用 156
6.6 ActivityIndicator指示器組件的應(yīng)用 159
6.7 TextInput用戶輸入組件的應(yīng)用 160
6.8 StatusBar狀態(tài)欄組件的應(yīng)用 165
6.9 Picker選擇器組件的應(yīng)用 167
6.10 Modal模態(tài)視圖組件的應(yīng)用 169
6.11 KeyboardAvoidingView組件的應(yīng)用 171
6.12 WebView網(wǎng)頁(yè)組件的應(yīng)用 174
6.12.1 WebView常用屬性解析 174
6.12.2 WebView加載過(guò)程監(jiān)聽相關(guān)屬性 177
6.12.3 React Native與WebView交互 178
6.13 View視圖組件的應(yīng)用 179
6.13.1 View組件Style屬性的解析 180
6.13.2 View組件基礎(chǔ)屬性的解析 182
6.14 Touchable相關(guān)交互組件的應(yīng)用 183
6.14.1 TouchableWithoutFeedback 184
6.14.2 TouchableOpacity 185
6.14.3 TouchableNativeFeedback 186
6.14.4 TouchableHighlight 188
6.15 ScrollView滾動(dòng)視圖組件的應(yīng)用 189
6.15.1 ScrollView的基礎(chǔ)用法 189
6.15.2 ScrollView常用屬性解析 190
6.15.3 手動(dòng)設(shè)置ScrollView組件的滾動(dòng)位置 192
6.16 ListView列表組件的應(yīng)用 193
6.16.1 使用DataSource渲染ListView視圖 193
6.16.2 ListView屬性方法解析 197
6.17 高性能列表組件FlatList 199
6.17.1 創(chuàng)建一個(gè)簡(jiǎn)單的FlatList列表視圖 199
6.17.2 FlatList中常用方法解析 202
6.18 分區(qū)列表組件SectionList的應(yīng)用 202
6.19 RefreshControl刷新組件的應(yīng)用 205
第7章 React Native獨(dú)立組件高級(jí)篇 208
7.1 時(shí)間選擇器DatePickerIOS組件的應(yīng)用 208
7.2 DrawerLayoutAndroid抽屜組件的應(yīng)用 209
7.3 進(jìn)度條組件的應(yīng)用 211
7.3.1 通過(guò)文件名分平臺(tái)加載組件 212
7.3.2 ProgressBarAndroid組件常用屬性 213
7.3.3 ProgressViewIOS組件常用屬性 214
7.4 SegmentedControlIOS組件的應(yīng)用 214
7.5 Android平臺(tái)上的工具條組件 215
7.6 Navigator導(dǎo)航控制器 218
7.6.1 Navigatior牛刀小試 219
7.6.2 Navigator屬性配置 220
7.6.3 Navigator實(shí)例方法解析 221
7.7 iOS平臺(tái)的導(dǎo)航控制器NavigatorIOS組件 222
7.7.1 使用NavigatorIOS組件 222
7.7.2 NavigatorIOS屬性與方法解析 225
7.8 標(biāo)簽欄TabBarIOS組件 226