前言

✿第Ⅰ部分 入门✿

第 1 章 React 与 React Native 简介

1.1 React简介

1.2 React Native 简介

1.3 React Native 前置知识点

第 2 章 Node.js 简介与开发环境配置

2.1 Node.js 与 npm 简介

2.2 React Native 开发环境配置

2.2.1 安装 Node.js

2.2.2 安装 React Native

2.2.3 代码编辑器以及推荐插件

第 3 章 React Native 工作原理与生命周期

3.1 React Native 框架及工作原理

3.1.1 React Native 与原生平台通信

3.1.2 组件间通信

3.2 React Native 中的生命周期

3.3 本章小结

第 4 章 React Native 页面布局

4.1 CSS 3 简介

4.2 Flex 弹性盒模型

4.3 Flex 属性详解与实例

4.3.1 justify-content 属性

4.3.2 align-items 属性

4.3.3 align-self 属性

4.3.4 flex-direction 属性

4.3.5 flex-basis 属性

4.3.6 flex-wrap 属性

4.3.7 align-content 属性

4.3.8 flex-grow 属性

4.3.9 flex-shrink 属性

4.3.10 order 属性

4.3.11 flex-flow 属性

4.3.12 flex 属性

4.4 React Native 中的 Flex 属性

4.5 本章小结

第 5 章 React Native 开发调试技巧与工具

5.1 配置 iOS 开发环境

5.2 配置 Android 开发环境

5.3 常用调试属性的说明

5.4 Chrome 中远程调试代码

5.5 React Developer Tools 工具安装与应用

5.6 本章小结

第 6 章 React Native 组件详解

6.1 React Native 组件简介

6.2 视图组件

6.2.1 View 组件介绍

6.2.2 View 组件实例

6.3 底部导航 TabBar 组件

6.3.1 TabBar 组件介绍

6.3.2 iOS 平台下 TabBarIOS 组件实例

6.3.3 Android 平台下 TabBar 组件实例

6.4 iOS 与 Android 的页面跳转

6.4.1 NavigatorIOS 组件介绍

6.4.2 NavigatorIOS 组件实例

6.4.3 react-native-navigation 组件介绍

6.4.4 react-native-navigation 组件实例

6.5 Image 组件

6.5.1 Image 组件介绍

6.5.2 Image 组件实例

6.6 Text 组件

6.6.1 Text 组件介绍

6.6.2 Text 组件基本使用

6.6.3 Text 组件嵌套

6.6.4 Text 组件样式统一

6.7 TextInput 组件

6.7.1 TextInput 组件介绍

6.7.2 TextInput 组件实例

6.8 触摸处理类组件

6.8.1 TouchableHighlight 组件介绍

6.8.2 TouchableHighlight 组件实例

6.8.3 TouchableNativeFeedback 组件介绍

6.8.4 TouchableNativeFeedback 组件实例

6.8.5 TouchableOpacity 组件介绍

6.8.6 TouchableOpacity 组件实例

6.8.7 TouchableWithoutFeedback 组件介绍

6.9 Web View 组件

6.9.1 WebView 组件介绍

6.9.2 WebView 组件实例

6.10 ScrollView 组件

6.10.1 ScrollView 组件介绍

6.10.2 ScrollView 组件实例

6.11 本章小结

第 7 章 React Native API 详解

7.1 React Native API 简介

7.2 提示框

7.2.1 Alert 介绍

7.2.2 Alert 实例

7.3 App 运行状态

7.3.1 AppState 介绍

7.3.2 AppState 实例

7.4 异步存储

7.4.1 AsyncStorage 介绍

7.4.2 AsyncStorage 实例

7.4.3 登录状态处理

7.5 相机与相册 API

7.5.1 CameraRoll 介绍

7.5.2 相册/相机组件实例

7.6 地理位置信息

7.6.1 Geolocation 介绍

7.6.2 Geolocation 实例

7.7 设备网络信息

7.7.1 NetInfo 介绍

7.7.2 NetInfo 实例

7.8 本章小结

第 8 章 React Native 网络请求详解

8.1 RESTful API 简介

8.2 React Native 中的网络请求

8.3 ListView 组件

8.4 React Native 网络请求与列表绑定方案

8.5 本章小结

第 9 章 常用 React Native 开源组件详解

9.1 React Native 热门资源列表

9.2 React Native 接入微博、微信、QQ 登录

9.3 更加美观的组件库

9.4 React Native 图表

9.5 react-native-gifted-listview

9.6 react-native-vector-icons

9.7 本章小结

✿第Ⅱ部分 进阶✿

第 10 章 React Native 运行原理与部署调试

10.1 React Native 运行原理

10.2 iOS 平台部署与调试

10.3 Android 平台部署与调试

10.4 Android 模拟器简介

10.5 本章小结

第 11 章 iOS 平台与 React Native 混合开发

11.1 iOS 平台混合开发简介

11.2 iOS 平台混合开发原理详解

11.2.1 iOS 原生代码实现

11.2.2 iOS 项目编译设置

11.2.3 React Native 中调用混合开发代码

11.2.4 iOS 平台混合开发特性详解

11.3 iOS 平台混合开发实例

11.3.1 iOS 原生代码实现

11.3.2 React Native 调用混合开发代码

11.4 本章小结

第 12 章 Android 平台与 React Native 混合开发

12.1 Android 平台混合开发简介

12.2 Android 平台混合开发原理详解

12.2.1 Android 原生代码实现

12.2.2 Android 原生模块注册

12.2.3 Android 包定义

12.2.4 React Native 中调用混合开发代码

12.2.5 Android 平台混合开发特性详解

12.3 Android 平台混合开发实例

12.3.1 Android 原生代码实现

12.3.2 Android 包定义

12.3.3 Android 原生模块注册

12.3.4 React Native 调用混合开发代码

12.4 本章小结

第 13 章 React Native 消息推送

13.1 iOS 平台消息推送机制

13.2 Android 平台消息推送机制

13.3 React Native 极光推送实战

13.3.1 极光推送平台设置

13.3.2 React Native 插件安装与配置

13.3.3 理解标签、别名、Registration ID 概念

13.3.4 React Native 极光推送 API 与代码调用

13.3.5 服务器端进行消息推送请求

13.4 本章小结

第 14 章 iOS、Android 平台发布与热更新

14.1 App 图标与启动图

14.2 快速生成所有平台 App 图标与启动图的方法

14.3 iOS 项目打包并上架 AppStore

14.4 Android 平台打包与上架

14.5 React Native 热更新

14.6 本章小结

第 15 章 React Native 性能调优方法与技巧

15.1 性能调优基准参数

15.2 常见造成 App 性能低下的原因

15.3 查找性能问题以及调优方法

15.4 性能优化方法与组件

15.4.1 性能优化原则

15.4.2 使用特定平台组件

15.4.3 高性能第三方组件

15.4.4 资源优化

15.5 本章小结

附录 React Native 源码学习方法及其他资源