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