React Native开发指南

内容概要

Bonnie Eisenman

是Twitter公司的软件工程师，曾就职于Codecademy、Google和Fog Creek Software公司。她曾在多个会议上作过演讲，话题涉及React、音乐编程和Arduino。工作之余，她乐于开发电子乐器，喜爱使用激光切割巧克力，并且热爱学习各种语言。

书籍目录

前言　　xi

第1章　初识React Native　　1

1.1　React Native 的优点　　2

1.1.1　开发者体验　　2

1.1.2　代码复用与知识共享　　3

1.2　风险和缺点　　4

1.3　小结　　4

第2章　React Native 工作原理　　5

2.1　React Native 是如何工作的　　5

2.2　渲染周期　　7

2.3　在React Native 中创建组件 7

2.3.1　编写视图　　7

2.3.2　使用JSX　　9

2.3.3　原生组件的样式　　10

2.4　宿主平台接口　　11

2.5　小结　　12

第3章　构建你的第一个应用　　13

3.1　搭建环境　　13

3.1.1　安装React Native　　14

3.1.2　iOS 依赖　　14

3.1.3　Android 依赖　　14

3.2　创建一个新的应用　　17

3.2.1　在iOS 平台运行React Native 应用　　18

3.2.2　部署到iOS 设备　　20

3.2.3　在Android 平台运行React Native 应用　　23

3.2.4　小结：创建并运行项目　　24

3.3　探索示例代码　　24

3.3.1　添加组件到视图中　　24

3.3.2　React Native 中的模块导入　　25

3.3.3　FirstProject 组件　　26

3.4　开发天气应用　　27

3.4.1　处理用户输入　　28

3.4.2　展现数据　　30

3.4.3　添加背景图片　　34

3.4.4　从Web 获取数据　　36

3.4.5　整合　　37

3.5　小结　　40

第4章　移动应用组件　　42

4.1　类比HTML 元素与原生组件　　42

4.1.1　文本组件　　43

4.1.2　图片组件　　45

4.2　处理触摸和手势　　46

4.2.1　使用TouchableHighlight　　47

4.2.2　GestureResponder 系统　　49

4.2.3　PanResponder　　52

4.3　使用结构化组件　　58

4.3.1　使用ListView　　58

4.3.2　使用Navigator　　66

4.3.3　其他结构化组件　　68

4.4　平台特定组件　　69

4.4.1　iOS 或Android 特定组件　　69

4.4.2　平台特定版本的组件　　70

4.4.3　何时使用平台特定组件　　74

4.5　小结　　74

第5章　样式　　75

5.1　声明和操作样式　　75

5.1.1　内联样式　　76

5.1.2　对象样式　　76

5.1.3　使用Stylesheet.Create　　77

5.1.4　样式拼接　　77

5.2　组织和继承　　79

5.2.1　导出样式对象　　79

5.2.2　样式作为属性传递　　80

5.2.3　复用和共享样式　　81

5.3　定位和设计布局　　81

5.3.1　使用flexbox 布局　　82

5.3.2　使用绝对定位　　86

5.3.3　学以致用　　86

5.4　小结　　91

第6章　平台接口　　92

6.1　使用定位接口　　93

6.1.1　获取用户地理位置　　93

6.1.2　处理权限问题　　94

6.1.3　在iOS 模拟器上测试定位　　95

6.1.4　监听用户位置　　96

6.1.5　限制　　96

6.1.6　改进天气应用　　96

6.2　使用用户图片与摄像头  99

6.2.1　相机模块　　99

6.2.2　通过getPhotoParams 获取图片　　101

6.2.3　从相机渲染一张图片　　101

6.2.4　展示照片列表　　103

6.2.5　上传图片至服务器　　107

6.3　AsyncStore 持久化数据存储　　108

6.4　智能天气应用　　109

6.4.1　WeatherProject 组件　　111

6.4.2　Forecast 组件　　114

6.4.3　Button 组件　　115

6.4.4　LocationButton 组件　　116

6.4.5　PhotoBackdrop 组件　　117

6.5　小结　　119

第7章　模块　　120

7.1　使用npm 安装JavaScript 类库　　120

7.2　iOS 原生模块　　121

7.2.1　导入第三方组件　　122

7.2.2　使用视频组件　　125

7.2.3　剖析Objective-C 原生模块　　125

7.2.4　RCTVideo 的实现　　128

7.3　Android 原生模块　　130

7.3.1　安装第三方组件　　130

7.3.2　剖析Java 原生模块　　134

7.3.3　LinearGradient 的Android 实现　　137

7.4　跨平台原生模块　　139

7.5　小结　　141

第8章　调试与开发者工具　　142

8.1　JavaScript 调试实践和解释　　142

8.1.1　激活开发者选项　　142

8.1.2　使用console.log 调试　　143

8.1.3　使用JavaScript 调试器　　145

8.1.4　使用React 开发者工具　　146

8.2　React Native 调试工具　　147

8.2.1　使用审查元素功能　　147

8.2.2　宕机红屏　　148

8.3　JavaScript 之外的调试方法　　152

8.3.1　常见的开发环境问题　　153

8.3.2　常见的Xcode 问题　　153

8.3.3　常见的Android 问题　　154

8.3.4　React Native 包管理器　　155

8.3.5　部署至iOS 设备的问题　　156

8.3.6　模拟器行为　　157

8.4　测试代码　　158

8.4.1　使用Flow 进行类型检查　　158

8.4.2　使用Jest 进行测试　　158

8.5　当你陷入困境　　160

8.6　小结　　160

第9章　学以致用　　161

9.1　闪卡应用　　161

9.1.1　项目结构　　163

9.1.2　组件层次结构　　164

9.2　模型与数据存储　　168

9.2.1　数据流架构：Reflux 与Flux　　170

9.2.2　在Zebreto 中使用Reflux　　173

9.2.3　AsyncStorage 与Reflux Store 的持久化　　175

9.3　使用Navigator　　177

9.4　探索第三方依赖　　180

9.5　响应式设计与字体尺寸　　180

9.6　小结及任务　　183

第10章　部署至iOS 应用商店　　184

10.1　准备Xcode 工程　　184

10.1.1　选择支持的设备和目标iOS 版本　　185

10.1.2　启动界面图像　　186

10.1.3　添加应用图标　　188

10.1.4　设置Bundle 名称　　190

10.1.5　更新AppDelegate.m　　190

10.1.6　为发布设置Schema　　191

10.2　上传应用　　192

10.2.1　完成协议文书　　192

10.2.2　创建归档　　193

10.2.3　在iTunes Connect 上创建应用　　196

10.3　使用TestFlight 进行Beta 测试　　199

10.4　提交应用审核　　200

10.5　小结　　201

第11章　部署Android 应用　　203

11.1　设置应用图标　　203

11.2　生成release 版本的APK　　205

11.3　通过邮件或链接发布　　207

11.4　提交应用至Play 商店　　207

11.4.1　通过Play Store 进行Beta 测试　　209

11.4.2　Play 商店列表　　210

11.4.3　商店列表所需的资源　　211

11.4.4　发布应用　　212

11.5　小结　　214

总结　215

附录A　ES6 语法　　216

附录B　命令与快速入门指南　　219

作者简介　　221

关于封面　　221

作者简介

本书通过丰富的示例和详细的讲解，介绍了React Native这款JavaScript框架。在React Native中利用现有的JavaScript和React知识，就可以开发和部署功能完备的、真正原生的移动应用，并同时支持iOS与Android平台。除了框架本身的概念讲解之外，本书还讨论了如何使用第三方库，以及如何编写自己的Java或Objective-C的React Native扩展。

 React Native开发指南下载