第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平台运行ReactNative应用 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 通过getPhotoPa rams获取图片 101
6.2.3 从相机渲染一张图片 101
6.2.4 展示照片列表 103
6.2.5 上传图片至服务器 107
6.3 AsyncSto re持久化数据存储 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 Linea rGradient的Android实现 137
7.4 跨平台原生模块 139
7.5 小结 141
第8章 调试与开发者工具 142
8.1 JavaScript调试实践和解释 142
8.1.1 激活开发者选项 142
8.1.2 使用console.l.og调试 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