欢迎访问学兔兔,学习、交流 分享 !

返回首页 |

React Native移动开发实战 [袁林 编著]

收藏
  • 大小:46.45 MB
  • 语言:中文版
  • 格式: PDF文档
  • 阅读软件: Adobe Reader
资源简介
React Native移动开发实战
出版时间: 2017年版
内容简介
  本书以实战开发为原则,以ReactNative应用开发为主线,iOS和Android双平台开发为副线,通过典型的电商类App实例,详细介绍了ReactNative应用开发所涉及的所有知识。本书共12章,分为4篇。涵盖的主要内容有:搭建开发环境、Nuclide、各种命令行工具(Git、Node.js)、布局与调试、组件、API、第三方组件、基于Node.js的服务器、FetchAPI、AsyncStorage/SQLit/Realm数据库存储、原生平台接口开发、Redux开发框架、应用打包发布、热更新与CodePush等。本书适合iOS、Android原生平台应用开发者,以及有兴趣加入移动平台开发的JavaScript开发者阅读。当然也适合大中专院校及社会培训学校作为移动开发的教材使用。
目录
前言
第1篇 React Native入门和基础
第1章 为什么要学习React Native2
1.1 看透React Native2
1.1.1 React Native与React.js2
1.1.2 React Native的跨平台3
1.1.3 解剖React Native应用的结构4
1.2 React Native的特点5
1.2.1 其一:Learn Once, Write Anywhere5
1.2.2 其二:简单易学的开发语言6
1.2.3 其三:接近原生应用的性能和体验7
1.2.4 其四:完善的生态系统7
1.3 搭建React Native开发环境9
1.3.1 安装原生开发工具——Android9
1.3.2 安装原生开发工具——iOS11
1.3.3 安装Node.js12
1.3.4 安装React Native13
1.3.5 安装其他辅助工具14
1.4 第一个React Native应用16
1.4.1 初始化项目16
1.4.2 运行项目17
1.4.3 调试项目18
1.5 小试牛刀——更改React Native项目源码18
1.6 小结20
第2章 全局解析React Native开发的基础技术21
2.1 开发具备的基础知识说明21
2.2 Git版本控制工具22
2.2.1 安装Git22
2.2.2 Git常用命令22
2.3 React Native的JSX解决方案24
2.4 React Native的Flexbox布局25
2.4.1 flexDirection设置组件的排列26
2.4.2 flexWrap设置是否换行28
2.4.3 justifyContent设置横向排列位置30
2.4.4 alignItems设置纵向排列位置31
2.4.5 alignSelf设置特定组件的排列33
2.4.6 flex设置组件所占空间34
2.5 如何调试React Native项目35
2.6 实战——设计一个电商App37
2.6.1 电商App的模块划分37
2.6.2 设计首页布局41
2.6.3 实现搜索栏44
2.6.4 设计轮播广告46
2.6.5 展示商品列表51
2.6.6 实现交互功能和状态栏52
2.7 小结56
第2篇 React Native应用开发实战
第3章 React Native的组件(1)58
3.1 创建新的电商App58
3.1.1 移植旧电商项目58
3.1.2 重构现有的代码60
3.2 完善搜索框功能——TextInput组件64
3.2.1 搜索提示框64
3.2.2 调试搜索结果66
3.2.3 优化搜索框样式67
3.3 完善轮播广告——Image组件68
3.3.1 使用网络图片68
3.3.2 使用本地图片69
3.3.3 添加指示器组件71
3.4 完善商品列表——ListView组件73
3.4.1 对图片资源进行重构74
3.4.2 重新定义商品模型75
3.4.3 商品布局的优化76
3.5 拖曳刷新列表——RefreshControl组件80
3.6 添加页面跳转功能——Navigator组件83
3.7 二级页面的跳转——TouchableOpacity组件86
3.8 实现页面间的数据传递89
3.9 小结90
第4章 React Native的组件(2)91
4.1 只支持特定平台的组件91
4.1.1 实现多页面分页TabBarIOS/ViewPagerAndroid91
4.1.2 加载指示器——ActivityIndicator96
4.1.3 地图——MapView97
4.1.4 渲染——Picker98
4.1.5 选择范围——Slider99
4.1.6 开关组件——Switch100
4.1.7 打开网页——WebView101
4.2 第三方组件102
4.2.1 react-native-swiper的使用103
4.2.2 NativeBase的使用104
4.2.3 NativeBase如何解决跨平台问题111
4.3 小结113
第5章 原生平台的适配和调试114
5.1 iOS平台的适配114
5.1.1 Images.xcassets适配115
5.1.2 自动布局Auto Layout115
5.1.3 Size Class适配116
5.2 iOS开发的调试技巧117
5.3 Android平台的适配118
5.3.1 适配原理118
5.3.2 常用的适配属性119
5.4 Android平台的调试技巧122
5.5 小结124
第6章 React Native的服务器端处理125
6.1 学习Node.js125
6.1.1 什么是Node.js125
6.1.2 为什么选择Node.js126
6.1.3 安装和使用nvm128
6.1.4 Node.js的开发流程129
6.2 服务端接口的设计:RESTful132
6.3 实现电商App的服务器端接口133
6.3.1 Express框架133
6.3.2 查询商品接口138
6.3.3 新建商品接口142
6.3.4 更新商品接口143
6.3.5 删除商品接口144
6.4 网络前后端交互的原理fetch145
6.5 App从服务器获取数据146
6.5.1 获取商品信息148
6.5.2 更新商品信息151
6.5.3 新建商品157
6.5.4 删除商品158
6.6 App数据的本地化存储160
6.6.1 AsyncStorage异步键值存储160
6.6.2 SQLite数据库164
6.6.3 Realm数据库166
6.7 小结168
第7章 常用React Native API169
7.1 屏幕设置相关API169
7.1.1 获取屏幕宽高——Dimensions API170
7.1.2 获取屏幕分辨率——PixelRatio API173
7.2 动画API174
7.2.1 RequestAnimationFrame API帧动画175
7.2.2 LayoutAnimation API布局动画177
7.2.3 Animated API高级动画179
7.3 组件、React Native API、原生平台API184
7.3.1 组件和API184
7.3.2 API和原生平台API184
7.4 实现自己的Platform API185
7.4.1 支持iOS平台186
7.4.2 支持Android平台188
7.5 为应用添加更丰富的API189
7.5.1 提示框和编辑框——AlertIOS190
7.5.2 前后台状态变化——AppState193
7.5.3 Android物理“返回键”——BackAndroid195
7.5.4 日期和时间选择器——DatePickerAndroid/TimePickerAndroid196
7.5.5 基于位置的Geolocation200
7.5.6 键盘事件——Keyboard202
7.5.
下载地址