課程介紹
注意0：欲購(gòu)買此課程，獲取安全購(gòu)買鏈接，索要正版授權(quán)學(xué)習(xí)平臺(tái)賬號(hào)，務(wù)必加咨詢QQ：2536379620
注意1：由于編碼原因，試聽(tīng)課程視頻畫(huà)面清晰度不如最終購(gòu)買的視頻。最終購(gòu)買視頻的畫(huà)面清晰度可參見(jiàn)以下兩張圖。圖1 圖2
注意2：正版良心視頻，購(gòu)買后有機(jī)會(huì)和原作者直接短暫技術(shù)交流。
React Native是Facebook于2015年推出的跨平臺(tái)開(kāi)發(fā)工具，可用于開(kāi)發(fā)Android和iOS App，并且同時(shí)具有混合開(kāi)發(fā)的優(yōu)點(diǎn)（熱更新，跨平臺(tái)）以及本地App的性能。
本課程采用最新的ES6開(kāi)發(fā)，主要內(nèi)容包括ReactNative的基礎(chǔ)知識(shí)，ReactNative的布局，組件，API，封裝本地API和組件，發(fā)布ReactNative App（本地裝載），本地與ReactNative深度結(jié)合
此課程基于3.7版本，但是源代碼版本會(huì)不斷升級(jí)中，會(huì)升級(jí)到4.0
適用人群：
Android程序員,iOS程序員,JavaScript程序員,React.js程序員
課程大綱
章節(jié)1:React Native基礎(chǔ) 免費(fèi)試看
課時(shí)1 課程簡(jiǎn)介21:24
課時(shí)2 React Native簡(jiǎn)介16:48
課時(shí)3 安裝和配置React Native15:03
課時(shí)4 安裝和配置React Native（Windows）15:25
課時(shí)5 React-Native工程的創(chuàng)建和運(yùn)行16:35
課時(shí)6 源代碼和學(xué)習(xí)資料下載
章節(jié)2:FlexBox布局
課時(shí)7 React Native布局（FlexBox）簡(jiǎn)介09:38
課時(shí)8 改變主軸的方向（flexDirection）18:25
課時(shí)9 水平折行(flexWrap)03:10
課時(shí)10 justifyContent(伸縮項(xiàng)目的對(duì)齊方式)03:27
課時(shí)11 alignItems(交叉軸的對(duì)齊關(guān)系)02:39
課時(shí)12 flex（讓伸縮項(xiàng)目盡可能充滿右側(cè)空間）06:58
章節(jié)3:組件
課時(shí)13 View組件23:03
課時(shí)14 Text組件：嵌套文本07:55
課時(shí)15 Text組件：numberOfLines屬性08:36
課時(shí)16 Text組件：onPress和onLongPress事件07:34
課時(shí)17 Text組件：onLayout事件（獲取組件的尺寸和位置信息）06:21
課時(shí)18 TextInput組件：autoCapitalize屬性09:52
課時(shí)19 TextInput組件：autoCorrect和autoFocus05:12
課時(shí)20 TextInput組件：keyboardType屬性（設(shè)置軟鍵盤類型）06:14
課時(shí)21 TextInput組件：returnKeyType屬性（設(shè)置返回鍵類型）04:19
課時(shí)22 TextInput組件：設(shè)置最大輸入字符數(shù)和允許多行輸入03:09
課時(shí)23 TextInput組件：設(shè)置提示文字和顏色03:19
課時(shí)24 TextInput組件：輸入密碼、焦點(diǎn)選中和選中顏色04:14
課時(shí)25 TextInput組件：editable、value和defaultValue屬性03:30
課時(shí)26 TextInput組件：其他屬性03:25
課時(shí)27 TextInput組件：文本變化事件(onChange和onChangeText)07:12
課時(shí)28 TextInput組件：獲取輸入的文本08:06
課時(shí)29 TextInput組件：自動(dòng)提示列表13:55
課時(shí)30 Image組件：從本地裝載圖像03:48
課時(shí)31 屏幕適配09:33
課時(shí)32 從App中裝載圖像03:13
課時(shí)33 裝載網(wǎng)絡(luò)圖像02:13
課時(shí)34 TouchableHighlight組件09:54
課時(shí)35 TouchableNativeFeedback組件09:51
課時(shí)36 TouchableOpacity組件05:44
課時(shí)37 ListView組件：基本用法14:41
課時(shí)38 ListView組件：自動(dòng)產(chǎn)生Item03:06
課時(shí)39 ListView組件：實(shí)現(xiàn)圖文混排效果11:18
課時(shí)40 ListView組件：實(shí)現(xiàn)圖文橫向排列09:05
課時(shí)41 Switch組件15:40
課時(shí)42 Picker組件14:36
課時(shí)43 PickerIOS組件(實(shí)現(xiàn)聯(lián)動(dòng)效果)19:17
課時(shí)44 DatePickerIOS組件(顯示和設(shè)置日期和時(shí)間)10:45
課時(shí)45 Slider組件（滑塊組件）13:25
課時(shí)46 ProgressBarAndroid組件08:42
課時(shí)47 ProgressViewIOS組件03:37
課時(shí)48 Navigator組件110:43
課時(shí)49 Navigator組件205:26
課時(shí)50 Navigator組件：圖像瀏覽10:20
課時(shí)51 Navigator組件：NavigationBar15:40
課時(shí)52 NavigatorIOS組件15:40
課時(shí)53 StatusBar組件05:05
課時(shí)54 TabBarIOS組件24:10
課時(shí)55 ToolbarAndroid組件11:28
課時(shí)56 ViewPagerAndroid組件14:17
課時(shí)57 RefreshControl組件14:05
課時(shí)58 ScrollView組件12:03
課時(shí)59 DrawerLayoutAndroid組件14:47
課時(shí)60 MapView組件11:07
課時(shí)61 Modal組件09:39
課時(shí)62 SegmentedControlIOS組件09:17
課時(shí)63 WebView組件04:22
章節(jié)4:API
課時(shí)64 AppRegistry07:35
課時(shí)65 AsyncStorage（異步存儲(chǔ)）33:01
課時(shí)66 AppState（監(jiān)聽(tīng)App的active、background和inactive狀態(tài)）06:14
課時(shí)67 Alert（各種樣式的對(duì)話框）20:48
課時(shí)68 AlertIOS（對(duì)話框和輸入框）09:07
課時(shí)69 ActionSheetIOS13:59
課時(shí)70 Animated（淡入動(dòng)畫(huà)）08:53
課時(shí)71 Animated動(dòng)畫(huà)（并行和串行組合動(dòng)畫(huà)）12:23
課時(shí)72 Animated動(dòng)畫(huà)（混合動(dòng)畫(huà)）16:55
課時(shí)73 Animated動(dòng)畫(huà)（循環(huán)動(dòng)畫(huà)）07:09
課時(shí)74 BackAndroid(監(jiān)聽(tīng)Back鍵動(dòng)作，通過(guò)編程方式退出App)04:43
課時(shí)75 Clipboard（剪貼板）05:49
課時(shí)76 DatePickerAndroid（顯示日期選擇對(duì)話框）09:27
課時(shí)77 TimePickerAndroid（顯示時(shí)間選擇器）07:24
課時(shí)78 Dimensions（獲取窗口的寬度和高度）03:35
課時(shí)79 InteractionManager06:06
課時(shí)80 LayoutAnimation(視圖動(dòng)畫(huà)）08:29
課時(shí)81 Linking（打開(kāi)不同類型的Url）09:32
課時(shí)82 NetInfo（獲得與網(wǎng)絡(luò)相關(guān)的信息）15:46
課時(shí)83 PixelRatio（獲取像素信息）21:47
課時(shí)84 ToastAndroid02:32
課時(shí)85 Vibration（震動(dòng)效果）06:37
課時(shí)86 XMLHttpRequest的應(yīng)用21:37
課時(shí)87 fetch（發(fā)送網(wǎng)絡(luò)請(qǐng)求，獲取響應(yīng)消息）16:58
課時(shí)88 WebSocket（全雙工網(wǎng)絡(luò)數(shù)據(jù)交互）10:55
章節(jié)5:本地模塊（iOS）：JavaScript與本地代碼交互
課時(shí)89 echo模塊24:35
課時(shí)90 如何讓本地模塊方法暴露不同的名字00:00
課時(shí)91 日期類型參數(shù)（入住日期和離店日期演示）23:13
課時(shí)92 NSDictionary類型參數(shù)06:53
課時(shí)93 通過(guò)回調(diào)函數(shù)從OC返回值到JavaScript13:43
課時(shí)94 本地API向JavaScript同步返回值10:44
課時(shí)95 導(dǎo)出常量07:38
課時(shí)96 導(dǎo)出枚舉類型07:15
課時(shí)97 本地API調(diào)用JavaScript事件23:12
課時(shí)98 訪問(wèn)Swift API（計(jì)算階乘）12:35
章節(jié)6:本地模塊（Android）：JS與本地代碼交互
課時(shí)99 echo模塊18:05
課時(shí)100 帶圖像的Toast19:12
課時(shí)101 callback（演示了日期類型參數(shù)和回調(diào)）13:57
課時(shí)102 觸發(fā)JavaScript中的事件09:42
課時(shí)103 同步獲取本地模塊方法的返回值11:05
課時(shí)104 撥打電話（本地窗口和React Native窗口相結(jié)合）07:12
課時(shí)105 顯示自定義窗口，并回去返回值11:08
課時(shí)106 監(jiān)測(cè)窗口（Activity）的生命周期07:57
章節(jié)7:封裝本地組件（iOS）
課時(shí)107 封裝本地組件基本步驟和封裝的初步實(shí)現(xiàn)34:24
課時(shí)108 映射同名屬性04:32
課時(shí)109 映射普通屬性11:22
課時(shí)110 映射對(duì)象類型的屬性06:50
課時(shí)111 映射事件11:35
章節(jié)8:封裝本地組件（Android）
課時(shí)112 封裝本地組件基礎(chǔ)23:40
課時(shí)113 封裝簡(jiǎn)單屬性07:27
課時(shí)114 封裝顏色屬性（titleColor）18:52
課時(shí)115 利用onTouch事件設(shè)置高亮文本顏色07:54
課時(shí)116 封裝圖像類型屬性14:58
課時(shí)117 封裝單擊事件12:28
章節(jié)9:發(fā)布React Native App
課時(shí)118 從App中裝載React Native代碼（iOS）14:14
課時(shí)119 動(dòng)態(tài)更新和裝載React Native代碼（iOS）09:00
課時(shí)120 從App中裝載React Native代碼（Android）09:36
課時(shí)121 動(dòng)態(tài)更新和裝載React Native代碼（Android）05:41
章節(jié)10:本地與React Native的深度結(jié)合開(kāi)發(fā)
課時(shí)122 iOS本地窗口和react native窗口結(jié)合34:56
課時(shí)123 React Native如何關(guān)閉當(dāng)前窗口08:58
課時(shí)124 React Native如何使用不同的入口文件10:17
課時(shí)125 Android本地窗口和React Native窗口結(jié)合06:59
課時(shí)126 Android如何控制React Native視圖16:24
課時(shí)127 Android如何用JavaScript代碼關(guān)閉當(dāng)前窗口05:11
課時(shí)128 Android使用不同的組件05:51
章節(jié)11:其他React Native技術(shù)
課時(shí)129 調(diào)試React Native App10:41
課時(shí)130 直接設(shè)置組件的屬性03:32
個(gè)人中心
退出
