React Native全教程：移動端跨平臺應(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工具來編寫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 初識JavaScript 8
1.2.1 JavaScript的語法特點(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)先級與結(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語句 39
2.3.2 continue語句 41
2.4 異常捕獲結(jié)構(gòu) 42
2.4.1 使用throw語句拋出異常 43
2.4.2 異常的捕獲與處理 44
2.4.3 異常的傳遞 46
2.5 JavaScript中的函數(shù) 48
2.5.1 使用函數(shù)語句定義函數(shù) 48
2.5.2 使用函數(shù)表達(dá)式定義函數(shù) 50
2.5.3 使用Function構(gòu)造函數(shù) 51
第3章 JavaScript對象基礎(chǔ) 52
3.1 初識JavaScript對象 52
3.1.1 在JavaScript中創(chuàng)建對象 52
3.1.2 設(shè)置對象的屬性和行為 54
3.2 JavaScript中常用的內(nèi)置對象 55
3.2.1 JavaScript中的Number對象 55
3.2.2 JavaScript中的String對象 57
3.2.3 JavaScript中的Boolean對象 59
3.2.4 JavaScript中的Array對象 60
3.2.5 JavaScript中的Date對象 64
3.2.6 JavaScript中的Math對象 67
3.2.7 JavaScript中的RegExp對象 69
3.2.8 JavaScript中的Function對象 73
3.3 深入JavaScript中的Object對象 75
3.3.1 為對象屬性進(jìn)行配置 76
3.3.2 Object構(gòu)造方法對象中的常用函數(shù) 77
3.3.3 Object實例對象中的常用方法 82
3.4 面向?qū)ο缶幊碳夹g(shù) 82
3.4.1 JavaScript中模擬類的方式 83
3.4.2 在JavaScript中實現(xiàn)繼承機(jī)制 86
第4章 ECMAScript 6新特性 91
4.1 ECMAScript 6的塊級作用域 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 對象的解構(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代理對對象的屬性讀寫進(jìn)行攔截 106
4.5.2 Proxy代理處理器支持的攔截操作 108
4.6 Promise承諾對象 110
4.6.1 Promise對象執(zhí)行異步任務(wù) 110
4.6.2 Promise任務(wù)鏈 112
4.6.3 Promise對象組合 113
4.7 Generator生成器與yield語句 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 申請AppleID賬號 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)行你的第一個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組件的簡單使用 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īng)用 174
6.12.1 WebView常用屬性解析 174
6.12.2 WebView加載過程監(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滾動視圖組件的應(yīng)用 189
6.15.1 ScrollView的基礎(chǔ)用法 189
6.15.2 ScrollView常用屬性解析 190
6.15.3 手動設(shè)置ScrollView組件的滾動位置 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)建一個簡單的FlatList列表視圖 199
6.17.2 FlatList中常用方法解析 202
6.18 分區(qū)列表組件SectionList的應(yīng)用 202
6.19 RefreshControl刷新組件的應(yīng)用 205
第7章 React Native獨(dú)立組件高級篇 208
7.1 時間選擇器DatePickerIOS組件的應(yīng)用 208
7.2 DrawerLayoutAndroid抽屜組件的應(yīng)用 209
7.3 進(jìn)度條組件的應(yīng)用 211
7.3.1 通過文件名分平臺加載組件 212
7.3.2 ProgressBarAndroid組件常用屬性 213
7.3.3 ProgressViewIOS組件常用屬性 214
7.4 SegmentedControlIOS組件的應(yīng)用 214
7.5 Android平臺上的工具條組件 215
7.6 Navigator導(dǎo)航控制器 218
7.6.1 Navigatior牛刀小試 219
7.6.2 Navigator屬性配置 220
7.6.3 Navigator實例方法解析 221
7.7 iOS平臺的導(dǎo)航控制器NavigatorIOS組件 222
7.7.1 使用NavigatorIOS組件 222
7.7.2 NavigatorIOS屬性與方法解析 225
7.8 標(biāo)簽欄TabBarIOS組件 226