React Native跨平台移动应用开发 第2版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

React Native跨平台移动应用开发 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 React Native1

1.1 React Native开发特点2

1.1.1 一次学习，随处编写2

1.1.2 混合开发2

1.1.3 高效的移动应用开发3

1.1.4 高效的移动应用开发调试4

1.1.5 灵活高效的应用热更新4

1.1.6 有效降低移动应用安装包体积5

1.1.7 学习门槛低、开发难度低5

1.1.8 开发软硬件要求低6

1.1.9 使用React Native开发的代价6

1.2 React Native开发环境搭建7

1.2.1 开发环境搭建起点8

1.2.2 Windows操作系统下React Native开发环境搭建8

1.2.3 苹果操作系统下React Native开发环境搭建10

1.2.4 查看与删除使用npm命令安装的软件11

1.3 代码编辑环境搭建11

1.3.1 Visual Studio Code11

1.3.2 Sublime Text 311

1.3.3 WebStorm13

1.4 键盘使用习惯13

1.5 React Dev Tools安装14

第2章 状态机思维与状态机变量17

2.1 初始化项目17

2.1.1 初始化RN最新版项目17

2.1.2 初始化RN旧版本项目18

2.2 运行项目19

2.2.1 使用Android手机调测准备事项19

2.2.2 第一次运行Android平台RN项目19

2.2.3 再次在Android平台运行RN项目21

2.2.4 使用iPhone设备调试注意事项22

2.2.5 首次在iOS平台运行RN项目23

2.2.6 再次在iOS平台运行RN项目27

2.2.7 Sublime Text 3对JSX语法的支持27

2.2.8 修改JSX代码28

2.2.9 启动调试工具30

2.2.10 使用ADM工具调试35

2.3 构建登录页面37

2.4 React Native代码执行逻辑41

2.5 UI框架工作基本机制41

2.5.1 状态机思维42

2.5.2 “冒充常量”的状态机变量44

2.5.3 “无处安放”的状态机变量45

2.5.4 “努力瘦身”的状态机变量46

2.6 React Native组件间通信46

2.7 深入理解UI重新渲染的过程47

2.7.1 合并状态机变量47

2.7.2 判断是否渲染49

2.7.3 强制启动渲染50

2.7.4 渲染过程50

2.7.5 合并状态机变量的最简语法50

2.8 React Native组件的成员变量51

2.9 React Native组件的静态变量、静态函数52

2.10 组件回调函数的绑定52

第3章 页面导航、弹出框及深入理解属性55

3.1 分离注册组件、组件平台自适配55

3.1.1 分离注册组件55

3.1.2 组件平台自适配55

3.1.3 平台检测56

3.2 导航组件、挂接注册组件56

3.3 挂接注册等待组件58

3.4 Navigator组件61

3.4.1 push与pop61

3.4.2 replace函数62

3.5 React Native中颜色类型的值62

3.6 BackAndroid API63

3.7 属性确认63

3.8 指定属性默认值66

3.9 Alert应用程序编程接口66

3.9.1 弹出确认框66

3.9.2 弹出选择框67

3.10 带导航栏的页面导航69

第4章 混合开发基础篇70

4.1 iOS平台混合开发70

4.1.1 与iOS侧原生代码消息互通71

4.1.2 React Native代码到iOS原生代码的消息72

4.1.3 iOS原生代码到React Native代码的消息75

4.1.4 与iOS OC原生代码界面切换77

4.1.5 应用初始界面设定77

4.1.6 iOS混合开发中传递的参数类型78

4.1.7 混合开发中的多线程使用78

4.1.8 原生代码实现Promise机制79

4.1.9 跨语言常量82

4.2 Android平台混合开发82

4.2.1 与Android原生代码消息互通83

4.2.2 React Native代码到Android原生代码的消息84

4.2.3 与Android原生代码界面的切换87

4.2.4 Android原生代码到React Native代码的消息91

4.2.5 应用初始界面设定94

4.2.6 传递的参数类型94

4.2.7 回调函数与Promise机制95

4.2.8 监听ActivityResult与Android生命周期事件97

4.2.9 混合开发中的多线程机制98

4.2.10 跨语言常量98

第5章 flexbox布局、View、Image与可触摸组件100

5.1 flexbox布局100

5.1.1 位置及宽、高相关样式键102

5.1.2 决定子组件排列规则的键102

5.1.3 决定组件显示规则的键106

5.1.4 边框、空隙与填充109

5.1.5 zIndex110

5.1.6 组件多样式声明与动态样式声明110

5.2 View组件111

5.2.1 View组件的颜色与边框111

5.2.2 View组件的阴影与其他视觉效果113

5.2.3 View组件的变形114

5.2.4 View组件的回调函数117

5.2.5 View组件的其他属性119

5.2.6 设备放置状态、根View与onLayout回调函数120

5.2.7 pointerEvents属性123

5.3 Image组件125

5.3.1 加载网络图片125

5.3.2 加载静态图片资源127

5.3.3 加载资源文件中的图片128

5.3.4 动态加载手机中的图片资源129

5.3.5 Image组件的样式129

5.3.6 Image组件显示特性131

5.3.7 Image组件的其他属性134

5.3.8 Image组件的缓存134

5.3.9 尽量使用网络图片135

5.4 可触摸组件135

5.4.1 可触摸组件类型135

5.4.2 TouchableOpacity组件136

5.4.3 TouchableHighlight组件137

5.4.4 其他属性138

5.5 使用导航栏的导航框架139

5.5.1 导航栏自定义组件的实现140

5.5.2 调用自定义组件142

第6章 Text、TextInput等相关知识145

6.1 Text组件145

6.1.1 样式键设置145

6.1.2 其他属性147

6.1.3 Text组件的嵌套149

6.1.4 文本显示的阴影效果150

6.1.5 Text居中显示151

6.1.6 在字符串中插入图像153

6.2 Text组件在两个平台上的不同表现155

6.2.1 只指定fontSize，不指定height155

6.2.2 只指定height，不指定fontSize156

6.2.3 fontSize等于height156

6.2.4 height大于fontSize156

6.2.5 边框在两个平台上的不同表现157

6.3 TextInput组件158

6.3.1 TextInput组件样式键158

6.3.2 TextInput组件的属性158

6.3.3 TextInput组件iOS平台专有属性160

6.3.4 TextInput组件Android平台专有属性161

6.3.5 TextInput组件的成员函数161

6.4 TextInput组件在两个平台上的不同表现161

6.4.1 Android平台的输入下画线162

6.4.2 父组件的alignItems键失效162

6.4.3 只指定fontSize，不指定height164

6.4.4 height等于fontSize164

6.4.5 height大于fontSize164

6.4.6 边框在两个平台上的不同表现165

6.5 TextInput组件的生命周期165

6.5.1 获得焦点165

6.5.2 用户输入166

6.5.3 用户按下提交键166

6.5.4 失去焦点166

6.5.5 生命周期中的其他事件167

6.6 Keyboard API、软键盘与键盘事件168

6.6.1 Keyboard API168

6.6.2 键盘事件处理例程168

6.7 组件的引用171

6.7.1 定义组件引用171

6.7.2 得到系统定义的组件引用171

6.7.3 调用组件的公开成员函数172

6.7.4 重新设定组件的属性172

6.7.5 获得组件的位置174

6.8 跨平台状态栏组件175

6.8.1 StatusBar组件属性175

6.8.2 StatusBar组件使用示例176

6.8.3 手机状态栏在开发中的处理176

6.9 高度自增长的扩展TextInput组件177

6.10 访问操作系统剪贴板179

第7章 组件生命周期、数据存储及React Native应用实现步骤182

7.1 组件生命周期182

7.1.1 constructor182

7.1.2 componentWillMount182

7.1.3 componentDidMount183

7.1.4 componentWillReceiveProps183

7.1.5 shouldComponentUpdate183

7.1.6 componentWillUpdate184

7.1.7 componentDidUpdate184

7.1.8 componentWillUnmount184

7.2 读取JSON文件185

7.3 数据持久化操作186

7.3.1 写入数据、错误捕捉186

7.3.2 读取数据188

7.3.3 AsyncStorage API存储数据的无序性190

7.3.4 删除数据191

7.3.5 修改数据192

7.3.6 JSON对象存储192

7.3.7 读取JSON对象193

7.4 数据表操作193

7.5 React Native应用实现步骤、日记例程（上）193

7.5.1 应用原型194

7.5.2 基础组件结构设计195

7.5.3 使用React Native组件搭建静态界面197

7.5.4 React Native组件分层204

7.5.5 实现各组件业务逻辑206

7.5.6 日记例程（上）总结206

第8章 ScrollView和ListView218

8.1 ScrollView组件218

8.1.1 ScrollView组件属性218

8.1.2 ScrollView组件iOS平台专有属性219

8.1.3 ScrollView组件Android平台专有属性220

8.1.4 ScrollView组件的公开成员函数221

8.1.5 RefreshControl组件221

8.1.6 ScrollView组件基本用法222

8.2 ListView组件224

8.2.1 ListView组件的回调函数225

8.2.2 ListView组件的其他属性226

8.2.3 ListView组件的成员函数226

8.3 简单的列表226

8.3.1 准备列表的数据源227

8.3.2 声明状态机变量227

8.3.3 将数据源中的数据复制到DataSource中228

8.3.4 定义如何渲染列表中的每一行228

8.3.5 实现简单的列表229

8.3.6 列表栏的高级处理237

8.4 带分段标志的列表237

8.4.1 准备数据源238

8.4.2 声明状态机变量238

8.4.3 将数据源中的数据复制到DataSource中239

8.4.4 定义如何渲染每个分栏240

8.4.5 定义如何渲染首、尾栏240

8.4.6 列表间隔渲染240

8.4.7 实现带分段标志的列表241

8.4.8 总结241

8.5 日记例程（下）总结241

第9章 等待提示、进度条和Switch242

9.1 ActivityIndicator组件242

9.1.1 ActivityIndicator组件样式设置242

9.1.2 ActivityIndicator其他属性242

9.1.3 等待提示例程242

9.2 iOS进度条组件243

9.2.1 React Native框架中定时器的使用243

9.2.2 ProgressViewIOS组件样式设置244

9.2.3 ProgressViewIOS其他属性244

9.2.4 iOS平台进度条245

9.3 Android平台进度条组件246

9.4 Switch组件246

9.4.1 Switch组件样式设置246

9.4.2 Switch其他属性246

9.4.3 Switch组件的使用247

第10章 导航组件与Modal249

10.1 导航组件的属性249

10.1.1 回调函数249

10.1.2 其他属性250

10.2 导航器250

10.3 NavigationBar251

10.4 导航例程252

10.5 Modal组件257

10.6 Modal组件与Navigator组件的配合258

10.7 Modal组件例程258

10.7.1 实现自定义Modal组件258

10.7.2 使用自定义Modal组件260

10.7.3 Modal组件与Alert组件262

10.7.4 总结262

第11章 手势识别263

11.1 PanResponder API263

11.2 监视器263

11.2.1 指定监视区域264

11.2.2 定义监视器相关变量264

11.2.3 准备监视器的事件处理函数264

11.2.4 建立监视器265

11.2.5 将监视器与监视区域挂接265

11.3 监视事件的生命周期265

11.3.1 单次点击事件的生命周期266

11.3.2 单次点击事件处理268

11.3.3 移动手势事件的生命周期268

11.3.4 监视器异常事件270

11.4 手势识别处理例程270

11.4.1 单点手势——点击、拖动选择百分比参数270

11.4.2 单点手势——带导槽的滑动来电接听或拒接界面273

11.4.3 单点手势——滑动解锁屏幕界面275

11.4.4 单点手势——单点任意方向拉动选择界面277

11.4.5 两点手势281

第12章 网络282

12.1 获取网络状态282

12.1.1 得到当前网络状态282

12.1.2 监听网络状态改变事件283

12.1.3 简单判断是否有网络连接284

12.1.4 判断当前连接是否收费284

12.2 搭建调试用HTTP、HTTPS服务器284

12.2.1 搭建HTTP测试服务器285

12.2.2 搭建HTTPS测试服务器285

12.3 通过HTTP、HTTPS与网络侧交换数据286

12.3.1 发送请求286

12.3.2 接收响应288

12.3.3 HTTP通信完整例程290

12.3.4 使用HTTP消息向服务器上传手机中的照片291

12.4 在React Native开发中使用AJAX技术291

12.5 WebSocket292

12.5.1 WebSocket服务器的创建292

12.5.2 在RN中使用WebSocket通信293

12.6 推送294

12.6.1 在Android平台上使用推送技术294

12.6.2 在iOS平台上使用推送技术295

12.7 Linking API296

12.7.1 处理发给本应用的链接296

12.7.2 打开外部链接297

第13章 网页浏览器、音视频媒体播放299

13.1 WebView组件样式设置299

13.2 WebView组件其他属性299

13.2.1 非回调函数属性299

13.2.2 回调函数属性300

13.2.3 平台独有属性300

13.2.4 WebView组件成员函数301

13.3 网页浏览器使用例程301

13.3.1 浏览网页例程301

13.3.2 加载本地网页例程304

13.4 音视频媒体播放306

第14章 应用权限与图库操作307

14.1 应用权限307

14.1.1 iOS平台应用权限307

14.1.2 Android平台应用权限307

14.2 React Native开发中iOS平台链接库的使用310

14.3 获取手机中所有的图片信息312

14.4 图片信息详解314

14.4.1 Android平台图片信息314

14.4.2 iOS平台图片信息315

14.5 显示从CameraRoll API得到的图片315

14.6 为用户提供图片选择界面316

14.7 图片的保存与读取显示318

14.7.1 保存图片数据319

14.7.2 读取并显示图片319

14.8 将图片通过POST消息上传320

14.8.1 搭建配合测试服务器320

14.8.2 上传图片例程320

14.9 裁剪图片323

14.9.1 裁剪图片323

14.9.2 使用裁剪后的图片324

第15章 选择器、位置相关和应用状态325

15.1 日期、时间选择器325

15.1.1 DatePickerAndroid API325

15.1.2 TimePickerAndroid API327

15.1.3 DatePickerIOS组件328

15.2 Picker组件330

15.2.1 Picker组件的样式设置330

15.2.2 Picker组件的属性330

15.2.3 Picker.Item组件的属性331

15.2.4 Picker组件例程331

15.3 PickerIOS334

15.4 Slider组件336

15.5 AppState API338

15.5.1 AppState API的用途与用法338

15.5.2 AppState API例程338

15.6 获取地理位置339

15.7 Vibration API340

15.7.1 Android平台振动功能的实现340

15.7.2 iOS平台振动功能的实现341

15.8 地图功能342

第16章 RN开源组件343

16.1 微软热更新开源平台——CodePush343

16.1.1 安装与注册CodePush343

16.1.2 CodePush相关命令344

16.1.3 在RN项目中集成CodePush345

16.1.4 CodePush使用注意事项347

16.2 Google统计平台——Google Analytics348

16.2.1 Google统计能力348

16.2.2 注册Google统计账号351

16.2.3 在RN中使用Google统计352

16.3 极光推送组件352

16.4 数据存储352

16.4.1 Realm移动平台352

16.4.2 RN中文件操作353

16.4.3 RN中数据库操作353

16.5 图像处理353

16.6 微信开发组件354

16.7 支付宝支付组件354

16.8 获取设备信息354

16.9 国际化处理355

第17章 混合开发高级篇356

17.1 使用Objective-C语言创建私有的React Native组件356

17.1.1 增加FLAnimatedImage链接库356

17.1.2 创建视图管理类358

17.1.3 封装开源代码中的视图类358

17.1.4 在React Native侧调用私有组件360

17.1.5 例程运行效果362

17.2 使用Swift语言创建私有的React Native组件363

17.2.1 整合开源项目363

17.2.2 建立组件管理者和桥接头文件366

17.2.3 Objective-C与React Native接口部分367

17.2.4 使用Swift语言实现组件控制368

17.2.5 在React Native侧调用私有组件370

17.2.6 例程运行效果371

17.3 使用Android SDK创建私有的React Native组件371

17.3.1 准备原生代码UI组件372

17.3.2 实现原生UI管理类373

17.3.3 创建原生UI实例374

17.3.4 实现对属性的支持374

17.3.5 建立原生UI包374

17.3.6 注册原生UI管理类375

17.3.7 对应的React Native侧实现376

17.3.8 运行俯视视图例程377

第18章 项目配置、生成发布版本安装包及其他378

18.1 调试环境与正式运行环境的不同378

18.2 iOS平台项目配置379

18.3 iOS平台应用发布383

18.4 Android平台项目配置383

18.5 Android平台应用生成发布版本安装包385

18.5.1 生成发布密钥385

18.5.2 修改gradle配置文件385

18.5.3 生成发布版本安装包386

18.6 其他组件与API386

18.6.1 动画相关386

18.6.2 其他未讨论的组件与API387

附录A ECMAScript 2015语法参考388

附录B ES 5语法395