React Native 精解与实战
作者: 邱鹏源
出版时间:2018年版
丛编项:实战
内容简介
本书由架构师撰写,包含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。
目录
目录 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原生模块注