本书由架构师撰写,包含ReactNative框架底层原理，以及与iOS、Android混合开发案例，精选了大量实例代码,方便读者快速学习。主要内容分为两大部分，第1部分“入门”包括第1~9章，介绍ReactNative框架的基本原理与使用方法；第2部分“进阶”包括第10~15章，介绍ReactNative框架的高阶开发与App部署相关知识。附录部分剖析了ReactNative的源码，可帮助读者研究ReactNative底层本质，还分享了一些ReactNative框架学习的相关资源。本书适合移动App开发人员，深入学习ReactNative框架可以掌握开发一套ReactNative源码同时部署到iOS平台与Android平台。本书的配套源代码可以下载，地址是https://github.com/ParryQiu/ReactNative-Book-Demo。

本书由架构师撰写，融入了作者多年开发经验。包含React Native框架底层原理，以及与iOS、Android混合开发案例，精选了大量实例代码,方便读者快速学习。

Preface 前　言
从2015年React Native框架发布开始，我就关注React Native框架的发展，在得知React Native框架将同时支持iOS平台与Android平台的部署后，我们就开始着手将之前的项目从混合开发的方式慢慢转移到使用React Native框架开发的方式上来。当时国内的React Native方面的资料非常少，很多难题的解决都需要查阅大量的国外文档，正是在这个摸索的过程中，加深了对React Native框架的理解。
后来，我们的很多Web项目都在使用React框架，React正是React Native最底层的技术框架，同时也深深体会到只有理解底层架构，才能对于很多表象的难题快速定位并找到解决方案。
本书基于我多年写的技术博客以及使用React Native框架的实战经验，我认为底层的原理永远比一些组件的使用方法更重要，所以本书介绍了大量框架底层原理。通过阅读本书你会发现掌握框架后，组件和API的使用将变得非常简单，希望你在学习时能体会到这种触类旁通的感觉。
本书主要内容
本书分为两大部分，第Ⅰ部分“入门”包括第1～9章，介绍React Native框架的基本原理与使用；第Ⅱ部分“进阶”包括第10～15章，介绍React Native框架的高阶开发与App部署相关知识。
第1章介绍React与React Native框架产生的背景与原理，以及开发优势。
第2章介绍Node.js框架，并实战演示了React Native开发环境的安装与配置。
第3章介绍React Native框架的构成、工作原理、组件间通信以及生命周期，包括代码实战演示。
第4章介绍React Native页面布局开发使用的CSS Flex，帮助读者掌握好React Native框架中元素布局的基本方法。
第5章介绍React Native框架下iOS平台与Android平台环境配置与代码调试的方法，并对React Native框架的调试工具以及借助Chrome进行远程调试的方法进行了实战讲解。
第6章介绍React Native框架中常用的组件，如View、TabBar、NavigatorIOS、Image、Text、TextInput、WebView、ScrollView等。同时介绍了iOS平台与Android平台的适配以及更适合的第三方组件。
第7章介绍React Native框架重点API的使用，包括提示框、App运行状态、异步存储、相机与相册、地理位置信息、设备网络信息等API，希望读者熟练掌握这些基础API，进而能举一反三。
第8章介绍React Native框架下的网络请求以及列表数据的绑定，这是开发App需要使用的技术重点。
第9章介绍React Native开发生态下一些常用的第三方组件，通过代码实战的方式进行讲解，并介绍了如何快速地找到自己的项目需要使用的第三方组件。
第10章结合iOS与Android平台深入讲解了React Native框架的底层运行原理，并分别介绍了两个平台的部署与测试方法。
第11章介绍React Native框架下iOS平台的混合开发方法，通过混合开发，你可以在React Native框架下访问任何iOS原生平台。
第12章介绍React Native框架下Android平台的混合开发方法，以及案例分析。
第13章详细讲解React Native框架下iOS平台与Android平台的消息推送原理，并介绍两个平台的消息推送实战。
第14章介绍项目最终打包前App的图标与启动图的设置，并介绍了如何通过第三方工具快速生成这些相关资源。
第15章介绍React Native性能调优的方法与技巧，以便在App上架前测试以及后期App遇到性能问题时可以快速定位到问题所在。
本书附录简单剖析了React Native的源码，希望能帮助你深入研究React Native框架的源码，以便能探究其底层本质。同时也分享了一些学习React Native框架的相关资源。
本书的读者对象
各类移动App开发人员，学习React Native框架可以使你开发一套React Native源码同时部署到iOS平台与Android平台。
想进入移动App开发领域的初学者，React Native框架比Android和iOS两个原生平台的技术门槛低很多，只需掌握HTML、CSS、JavaScript相关知识点就可以动手开发跨平台的移动App。
已经在使用React Native框架开发移动App的开发人员，书中讲解了React Native框架的底层原理，以及与iOS平台、Android平台的高阶混合开发部分，完全用代码进行讲解，学习起来更加直观。
本书配套源代码
本书的配套源代码都可以在https://github.com/ParryQiu/ReactNative-Book-Demo下载。
后续如果遇到React Native框架的大升级，我同样会在此代码库中相应地更新实战演示的代码。
致谢
首先感谢多年来共事过的同事们、领导们，多年来容忍我在一些技术问题上吹毛求疵，给了我很多好的建议和思路启发。还要感谢吴怡编辑，从约稿到审稿，都体现了她的认真态度和专业知识，她能一针见血地指出问题所在，促使我更加认真、专业地去编写此书。
在编写的过程中，虽然对于每一个知识点我都查阅了大量的相关文档，但是本书涉及海量的知识点，难免会有疏漏，恳请各位读者斧正。

邱鹏源
2018年 4月

邱鹏源，商业数据提供商咕咕数据创始人，前咕咕监控、饭妈妈创始人。从事软件研发一线工作已 10 年，拥有丰富的前端、后端以及移动 App 开发经验，主导过多款基于 React Native 框架的商业 App 设计与研发工作。慕课网实战课程讲师，出品视频课程《React.js 入门与实战》等。一直坚持在个人技术博客中分享大量的软件开发文章与视频教程。个人站点：http://parryqiu.com。

目录 Contents
前言
第Ⅰ部分　入门
第1章　React与React Native简介2
1.1　React简介2
1.2　React Native 简介9
1.3　React Native 前置知识点11
第2章　Node.js 简介与开发环境配置13
2.1　Node.js与npm简介13
2.2　React Native开发环境配置15
2.2.1　安装Node.js16
2.2.2　安装React Native18
2.2.3　代码编辑器以及推荐插件22
第3章　React Native工作原理与生命周期25
3.1　React Native框架及工作原理25
3.1.1　React Native与原生平台通信27
3.1.2　组件间通信27
3.2　React Native中的生命周期31
3.3　本章小结35
第4章　React Native页面布局36
4.1　CSS 3简介36
4.2　Flex弹性盒模型37
4.3　Flex属性详解与实例39
4.3.1　justify-content属性40
4.3.2　align-items属性42
4.3.3　align-self 属性45
4.3.4　flex-direction 属性48
4.3.5　flex-basis属性51
4.3.6　flex-wrap属性52
4.3.7　align-content 属性54
4.3.8　flex-grow 属性58
4.3.9　flex-shrink 属性60
4.3.10　order属性63
4.3.11　flex-flow属性64
4.3.12　flex属性64
4.4　React Native中的Flex属性65
4.5　本章小结65
第5章　React Native开发调试技巧与工具66
5.1　配置iOS开发环境66
5.2　配置 Android 开发环境70
5.3　常用调试属性的说明73
5.4　Chrome 中远程调试代码77
5.5　React Developer Tools 工具安装与应用80
5.6　本章小结82
第6章　React Native 组件详解83
6.1　React Native组件简介83
6.2　视图组件86
6.2.1　View组件介绍86
6.2.2　View组件实例87
6.3　底部导航 TabBar 组件92
6.3.1　TabBar 组件介绍92
6.3.2　iOS平台下TabBarIOS组件实例94
6.3.3　Android 平台下TabBar组件实例99
6.4　iOS 与 Android 的页面跳转102
6.4.1　NavigatorIOS 组件介绍102
6.4.2　NavigatorIOS组件实例104
6.4.3　react-native-navigation组件介绍108
6.4.4　react-native-navigation组件实例110
6.5　Image组件111
6.5.1　Image组件介绍111
6.5.2　Image组件实例112
6.6　Text组件114
6.6.1　Text组件介绍114
6.6.2　Text组件基本使用116
6.6.3　Text组件嵌套117
6.6.4　Text组件样式统一119
6.7　TextInput 组件122
6.7.1　TextInput 组件介绍122
6.7.2　TextInput 组件实例124
6.8　触摸处理类组件130
6.8.1　TouchableHighlight 组件介绍130
6.8.2　TouchableHighlight 组件实例131
6.8.3　TouchableNativeFeedback 组件介绍132
6.8.4　TouchableNativeFeedback 组件实例133
6.8.5　TouchableOpacity组件介绍133
6.8.6　TouchableOpacity 组件实例134
6.8.7　TouchableWithoutFeedback组件介绍134
6.9　Web View组件135
6.9.1　WebView 组件介绍135
6.9.2　WebView 组件实例137
6.10　ScrollView组件139
6.10.1　ScrollView 组件介绍139
6.10.2　ScrollView组件实例140
6.11　本章小结142
第7章　React Native API详解143
7.1　React Native API简介143
7.2　提示框145
7.2.1　Alert 介绍145
7.2.2　Alert实例145
7.3　App运行状态150
7.3.1　AppState 介绍150
7.3.2　AppState 实例150
7.4　异步存储152
7.4.1　AsyncStorage 介绍152
7.4.2　AsyncStorage 实例154
7.4.3　登录状态处理159
7.5　相机与相册API161
7.5.1　CameraRoll介绍161
7.5.2　相册/相机组件实例161
7.6　地理位置信息168
7.6.1　Geolocation介绍168
7.6.2　Geolocation实例169
7.7　设备网络信息175
7.7.1　NetInfo介绍175
7.7.2　NetInfo实例175
7.8　本章小结178
第8章　React Native网络请求详解179
8.1　RESTful API 简介179
8.2　React Native 中的网络请求180
8.3　ListView 组件184
8.4　React Native 网络请求与列表绑定方案186
8.5　本章小结192
第9章　常用React Native开源组件详解193
9.1　React Native 热门资源列表194
9.2　React Native 接入微博、微信、QQ 登录196
9.3　更加美观的组件库200
9.4　React Native图表202
9.5　react-native-gifted-listview205
9.6　react-native-vector-icons207
9.7　本章小结210
第Ⅱ部分　进阶
第10章　React Native运行原理与部署调试214
10.1　React Native运行原理214
10.2　iOS平台部署与调试220
10.3　Android平台部署与调试225
10.4　Android模拟器简介230
10.5　本章小结233
第11章　iOS平台与React Native混合开发234
11.1　iOS平台混合开发简介234
11.2　iOS平台混合开发原理详解235
11.2.1　iOS原生代码实现235
11.2.2　iOS项目编译设置237
11.2.3　React Native中调用混合开发代码239
11.2.4　iOS平台混合开发特性详解241
11.3　iOS平台混合开发实例249
11.3.1　iOS原生代码实现249
11.3.2　React Native调用混合开发代码250
11.4　本章小结252
第12章　Android平台与React Native混合开发253
12.1　Android平台混合开发简介253
12.2　Android平台混合开发原理详解254
12.2.1　Android原生代码实现254
12.2.2　Android原生模块注