课程介绍
注意0:欲购买此课程,获取安全购买链接,索要正版授权学习平台账号,务必加咨询QQ:2536379620
注意1:由于编码原因,试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1 图2
注意2:正版良心视频,购买后有机会和原作者直接短暂技术交流。
React Native是Facebook于2015年推出的跨平台开发工具,可用于开发Android和iOS App,并且同时具有混合开发的优点(热更新,跨平台)以及本地App的性能。
本课程采用最新的ES6开发,主要内容包括ReactNative的基础知识,ReactNative的布局,组件,API,封装本地API和组件,发布ReactNative App(本地装载),本地与ReactNative深度结合
此课程基于3.7版本,但是源代码版本会不断升级中,会升级到4.0
适用人群:
Android程序员,iOS程序员,JavaScript程序员,React.js程序员
课程大纲
章节1:React Native基础 免费试看
课时1 课程简介21:24
课时2 React Native简介16:48
课时3 安装和配置React Native15:03
课时4 安装和配置React Native(Windows)15:25
课时5 React-Native工程的创建和运行16:35
课时6 源代码和学习资料下载
章节2:FlexBox布局
课时7 React Native布局(FlexBox)简介09:38
课时8 改变主轴的方向(flexDirection)18:25
课时9 水平折行(flexWrap)03:10
课时10 justifyContent(伸缩项目的对齐方式)03:27
课时11 alignItems(交叉轴的对齐关系)02:39
课时12 flex(让伸缩项目尽可能充满右侧空间)06:58
章节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属性(设置软键盘类型)06:14
课时21 TextInput组件:returnKeyType属性(设置返回键类型)04:19
课时22 TextInput组件:设置最大输入字符数和允许多行输入03:09
课时23 TextInput组件:设置提示文字和颜色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 装载网络图像02:13
课时34 TouchableHighlight组件09:54
课时35 TouchableNativeFeedback组件09:51
课时36 TouchableOpacity组件05:44
课时37 ListView组件:基本用法14:41
课时38 ListView组件:自动产生Item03:06
课时39 ListView组件:实现图文混排效果11:18
课时40 ListView组件:实现图文横向排列09:05
课时41 Switch组件15:40
课时42 Picker组件14:36
课时43 PickerIOS组件(实现联动效果)19:17
课时44 DatePickerIOS组件(显示和设置日期和时间)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
章节4:API
课时64 AppRegistry07:35
课时65 AsyncStorage(异步存储)33:01
课时66 AppState(监听App的active、background和inactive状态)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动画(循环动画)07:09
课时74 BackAndroid(监听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(获得与网络相关的信息)15:46
课时83 PixelRatio(获取像素信息)21:47
课时84 ToastAndroid02:32
课时85 Vibration(震动效果)06:37
课时86 XMLHttpRequest的应用21:37
课时87 fetch(发送网络请求,获取响应消息)16:58
课时88 WebSocket(全双工网络数据交互)10:55
章节5:本地模块(iOS):JavaScript与本地代码交互
课时89 echo模块24:35
课时90 如何让本地模块方法暴露不同的名字00:00
课时91 日期类型参数(入住日期和离店日期演示)23:13
课时92 NSDictionary类型参数06:53
课时93 通过回调函数从OC返回值到JavaScript13:43
课时94 本地API向JavaScript同步返回值10:44
课时95 导出常量07:38
课时96 导出枚举类型07:15
课时97 本地API调用JavaScript事件23:12
课时98 访问Swift API(计算阶乘)12:35
章节6:本地模块(Android):JS与本地代码交互
课时99 echo模块18:05
课时100 带图像的Toast19:12
课时101 callback(演示了日期类型参数和回调)13:57
课时102 触发JavaScript中的事件09:42
课时103 同步获取本地模块方法的返回值11:05
课时104 拨打电话(本地窗口和React Native窗口相结合)07:12
课时105 显示自定义窗口,并回去返回值11:08
课时106 监测窗口(Activity)的生命周期07:57
章节7:封装本地组件(iOS)
课时107 封装本地组件基本步骤和封装的初步实现34:24
课时108 映射同名属性04:32
课时109 映射普通属性11:22
课时110 映射对象类型的属性06:50
课时111 映射事件11:35
章节8:封装本地组件(Android)
课时112 封装本地组件基础23:40
课时113 封装简单属性07:27
课时114 封装颜色属性(titleColor)18:52
课时115 利用onTouch事件设置高亮文本颜色07:54
课时116 封装图像类型属性14:58
课时117 封装单击事件12:28
章节9:发布React Native App
课时118 从App中装载React Native代码(iOS)14:14
课时119 动态更新和装载React Native代码(iOS)09:00
课时120 从App中装载React Native代码(Android)09:36
课时121 动态更新和装载React Native代码(Android)05:41
章节10:本地与React Native的深度结合开发
课时122 iOS本地窗口和react native窗口结合34:56
课时123 React Native如何关闭当前窗口08:58
课时124 React Native如何使用不同的入口文件10:17
课时125 Android本地窗口和React Native窗口结合06:59
课时126 Android如何控制React Native视图16:24
课时127 Android如何用JavaScript代码关闭当前窗口05:11
课时128 Android使用不同的组件05:51
章节11:其他React Native技术
课时129 调试React Native App10:41
课时130 直接设置组件的属性03:32