React Native开发指南
第 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
图灵社区会员 lliw(447917757@qq.com) 专享 尊重版权
vi ｜ 目录
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
图灵社区会员 lliw(447917757@qq.com) 专享 尊重版权
目录 ｜
vii
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
评论