简体网页||繁体网页

☆☆☆☆☆

袁林 等 著

店铺： 旷氏文豪图书专营店

出版社： 机械工业出版社

ISBN：9787111571797

商品编码：14149794154

YL8439  9787111571797 9787115411914

React Native移动开发实战

本书以实战开发为原则，以ReactNative应用开发为主线，iOS和Android双平台开发为副线，通过典型的电商类App实例，详细介绍了ReactNative应用开发所涉及的所有知识。本书共12章，分为4篇。涵盖的主要内容有：搭建开发环境、Nuclide、各种命令行工具（Git、Node.js）、布局与调试、组件、API、第三方组件、基于Node.js的服务器、FetchAPI、AsyncStorage/SQLit/Realm数据库存储、原生平台接口开发、Redux开发框架、应用打包发布、热更新与CodePush等。本书适合iOS、Android原生平台应用开发者，以及有兴趣加入移动平台开发的开发者阅读。当然也适合大中专院校及社会培训学校作为移动开发的教材使用。

前言

第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  1个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.7  设备联网状态——NetInfo204

7.5.8  权限设置——PermissionsAndroid205

7.5.9  悬浮提示框——ToastAndroid207

7.6  小结208

第3篇  React Native混合编程

第8章  React Native与原生平台混合编程（1）210

8.1  创建并移植项目210

8.2  访问设备211

8.2.1  访问iOS设备213

8.2.2  访问Android设备214

8.3  访问相册217

8.3.1  读取iOS相册中的图片219

8.3.2  读取Android相册中的图片224

8.4  React Native与原生平台的通信原理228

8.5  React Native平台调用原生页面229

8.5.1  React Native平台调用原生iOS页面231

8.5.2  React Native平台调用原生Android页面234

8.6  原生平台调用React Native组件238

8.6.1  iOS平台调用React Native组件238

8.6.2  Android平台调用React Native组件239

8.7  小结240

第9章  React Native与原生平台混合编程（2）241

9.1  使用相机拍摄图片241

9.1.1  使用iOS相机拍摄241

9.1.2  使用Android相机拍摄244

9.2  添加图片选择提示框247

9.2.1  iOS平台的提示247

9.2.2  Android平台的提示249

9.3  重构图片选择库251

9.3.1  iOS平台的重构251

9.3.2  Android平台的重构253

9.4  向iOS项目中添加React Native支持256

9.4.1  新建iOS项目256

9.4.2  新建React Native项目257

9.4.3  在iOS页面打开React Native组件259

9.5  向Android项目中添加React Native支持261

9.5.1  新建Android项目261

9.5.2  新建React Native项目261

9.5.3  在Android页面打开React Native组件262

9.6  小结264

第10章  电商App的复盘265

10.1  电商App的文件265

10.1.1  文件266

10.1.2  iOS原生代码文件266

10.1.3  Android原生代码文件267

10.2  电商App的结构267

10.2.1  Flexbox的整体布局268

10.2.2  应用的逻辑结构268

10.2.3  应用的通信过程269

10.3  优化和改进270

10.3.1  redux是什么270

10.3.2  redux代码示例271

10.3.3  redux生态274

10.4  用到的组件275

10.5  小结276

第4篇  App的发布和更新............

React Native入门与实战

本书共4部分，首先简要介绍了React Native的开发基础知识，然后介绍了React Native的API、组件以及Native扩展和组件的封装，接着介绍了App的动态更新和上架过程，*后通过3个案例介绍了如何使用React Native开发原生App。 本书适合想使用React Native开发原生应用的人阅读。

序     8

前言　9

本书目的　9

内容和组织结构　9

本书特色介绍　10

源代码　10

致谢　10

第1章　React Native简介　12

1.1　环境搭建　12

1.1.1　安装Node.js　12

1.1.2　安装React Native　17

1.1.3　使用NVM管理Node.js版本　18

1.1.4　创建项目　20

1.2　从React 到 ReactNative　25

1.2.1　React简介　26

1.2.2　React Native简介　31

1.3　为什么要使用React Native　36

1.4　如何学习React Native　36

1.5　说明　37

第2章　React Native开发基础　37

2.1　flexbox布局　37

2.1.1　介绍　37

2.1.2　布局模型　38

2.1.3　伸缩容器属性　38

2.1.4　伸缩项目属性　60

2.1.5　在React Native中使用flexbox　72

2.1.6　实例　74

2.2　React中的JSX　82

2.2.1　JSX入门　83

2.2.2　JSX实战之ReactJS　91

2.2.3　JSX实战之ReactNative　116

2.3　React Native开发向导　120

2.3.1　配置文件　120

2.3.2　运行　125

2.3.3　调试　127

2.3.4　内部发布　134

2.4　参考资料　135

第3章　常用组件介绍及实践　136

3.1　View组件　136

3.1.1　View介绍　136

3.1.2　案例：九宫格实现　136

3.2　Text组件　146

3.2.1　Text组件介绍　147

3.2.2　案例：网易新闻列表展示　147

3.3　NavigatorIOS组件　157

3.3.1　NavigatorIOS组件介绍　158

3.3.2　案例：列表页跳转详情页　159

3.4　TextInput组件　163

3.4.1　TextInput组件介绍　163

3.4.2　案例：搜索自动提示　164

3.5　Touchable类组件　174

3.5.1　TouchableHighlight组件　175

3.5.2　TouchableOpacity组件　177

3.5.3　TouchableWithoutFeedback组件　179

3.6　Image组件　179

3.6.1　Image组件介绍　179

3.6.2　加载网络图片　180

3.6.3　加载本地图片　185

3.7　TabBarIOS组件　186

3.7.1　TabBarIOS组件介绍　186

3.7.2　案例：类QQ Tab切换　187

3.8　WebView组件　192

3.8.1　WebView组件介绍　192

3.8.2　案例：使用WebView组件加载微博页面　193

3.8.3　案例：新浪微博OAuth认证　196

第4章　常用API介绍及其实践　199

4.1　AppRegistry　200

4.1.1　AppRegistry介绍　200

4.1.2　AppRegistry示例　200

4.2　AsyncStorage　202

4.2.1　AsyncStorage介绍　202

4.2.2　案例：购物车　203

4.3　AlertIOS　217

4.3.1　AlertIOS　217

4.3.2　AlertIOS组件的应用　217

4.4　ActionSheetIOS　221

4.4.1　ActionSheetIOS介绍　221

4.4.2　ActionSheetIOS应用　221

4.5　PixelRatio　225

4.5.1　PixelRatio介绍　225

4.5.2　PixelRatio应用　226

4.6　AppStateIOS　227

4.6.1　AppStateIOS介绍　227

4.6.2　AppStateIOS实例　228

4.7　StatusBarIOS　228

4.7.1　StatusBarIOS介绍　228

4.7.2　StatusBarIOS应用　229

4.8　NetInfo　231

4.8.1　NetInfo介绍　231

4.8.2　NetInfo示例　231

4.9　CameraRoll　232

4.9.1　CameraRoll介绍　232

4.9.2　CameraRoll应用　233

4.9.3　react-native-camera　243

4.10　VibrationIOS　247

4.10.1　VibrationIOS　247

4.11　Geolocation　248

4.11.1　Geolocation介绍　249

4.11.2　Geolocation应用　249

4.12　数据请求　252

4.12.1　XMLHttpRequest　252

4.12.2　Fetch　253

4.13　定时器　254

4.13.1　setTimeout　254

4.13.2　setInterval　255

4.13.3　setImmediate　255

4.13.4　使用requestAnimationFrame开发进度条　256

4.13.6　完整代码　258

第5章　Native扩展　258

5.1　通信机制　258

5.1.1　模块配置映射　258

5.1.2　通信流程　261

5.2　自定义Native API组件　264

5.2.1　模块和方法定义　264

5.2.2　回调函数　267

5.2.3　线程　269

5.2.4　常量导出　270

5.2.5　事件　272

5.2.6　实战　273

5.3　构建Native UI组件　280

5.3.1　概述　281

5.3.2　UI组件的定义　281

5.3.3　UI组件属性　282

5.3.4　组件方法　284

5.3.5　事件　285

5.3.6　实例　288

第6章　组件封装　298

6.1　二级菜单组件　299

6.1.1　静态组件的实现　299

6.1.2　实现组件的复用和封装　305

6.1.3　应用二级菜单组件　320

6.2　日历组件　322

6.2.1　开发日历组件　323

6.2.2　应用日历组件　337

6.3　开源组件　340

6.3.1　react-native-swiper　340

6.3.2　react-native-modal　346

第7章　热更新和上架　353

7.1　动态更新　353

7.1.1　初始化设置　353

7.1.2　更新逻辑　355

7.1.3　回滚策略　358

7.2　App上架　359

7.2.1　证书生成　359

7.2.2　注册应用　367

7.2.4　上传应用　370

第8章　企业内部通讯录应用开发　373

8.1　需求提出　373

8.2　技术架构　375

8.3　服务器端设计和开发　376

8.3.1　服务器端整体设计　376

8.3.2　用户数据模型设计　377

8.3.2　公告数据模型设计　379

8.3.3　服务路由设计　380

8.3.4　创建项目　380

8.3.5　app.js入口文件　382

8.3.6　加载服务模块到内存　385

8.3.7　工具类开发　386

8.3.8　用户信息接口　387

8.3.9　公告消息接口　394

8.4　客户端设计和开发　397

8.4.1　客户端设计　397

8.4.2　工具组件和服务　400

8.4.3　添加依赖库　402

8.4.4　程序入口和登录　404

8.4.5　联系人列表　416

8.4.6　公告功能　428

8.4.7　管理功能　437

8.4.8　关于　464

8.4.9　建议　467

第9章　基于LBS的应用开发　468

9.1　功能设计　468

9.1.1　需求确定　468

9.1.2　开发目录结构　469

9.2　程序入口和工具模块　470

9.2.1　注册应用程序　470

9.2.2　工具模块　471

9.2.3　Nearby组件入口　473

9.3　列表组件开发　478

9.3.1　通用列表组件开发　478

9.3.2　完成列表页　489

9.4　详情页组件开发　496

9.5　WebView地图模块开发　500

9.7　综合效果　505

第10章　豆搜App　506

10.1　豆瓣API　506

10.1.1　熟悉豆瓣API　507

10.1.2　图书、电影、音乐API　508

10.2　应用设计　510

10.2.1　功能设计　510

10.2.2　模块划分　511

10.3　公共模块开发　512

10.3.1　工具类开发　512

10.3.2　服务列表　514

10.3.3　Navigator封装　515

10.3.4　公共头封装　516

10.3.5　WebView封装　519

10.3.6　搜索框封装　521

10.4　功能开发　523

10.4.1　入口组件　523

10.4.2　图书列表页开发　525

10.4.3　图书详情页开发　534

10.4.4　电影模块开发　538

10.4.5　音乐模块开发　546

10.5　完成豆搜App　553

评分☆☆☆☆☆

评分☆☆☆☆☆

评分☆☆☆☆☆

评分☆☆☆☆☆

评分☆☆☆☆☆

评分☆☆☆☆☆

评分☆☆☆☆☆

评分☆☆☆☆☆

评分☆☆☆☆☆