ReactNative移动开发实战

ReactNative移动开发实战

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

通过典型项目案例,帮你快速掌握React Native的开发!

内容简介

本书全面详尽地介绍了React Native框架的方方面面,内容涵盖React Native基础知识、环境搭建与调试、开发基础、常用组件、常用API、组件封装、网络与通信、混合开发、热更新与打包部署,以及两个实际案例的完整开发教程。这些丰富的内容不仅能让读者了解这款框架中涉及的各类概念,还能指导读者开发实践。 本书语言简洁,内容丰富,适合有一定Android、iOS原生开发基础和CSS基础的移动开发工程师学习。

作者简介

作者袁林,2010年毕业于南京邮电大学。毕业后一直从事移动APP研发工作。先后服务于中兴通讯、三星电子和南京企友等公司。历任App高级工程师、项目经理等职位。具备丰富的Node.js后端服务构建、Native客户端开发和React Native客户端开发经验。长期致力于应用各种IT新技术提升生产效率和解决实际问题。曾经带队自主研发多个电信级企业应用。

章节目录

版权信息

前言

本书特色

本书内容及知识体系

适合阅读本书的读者

本书作者

致谢

第1篇 React Native入门和基础

第1章 为什么要学习React Native

1.1 看透React Native

1.1.1 React Native与React.js

1.1.2 React Native的跨平台

1.1.3 解剖React Native应用的结构

1.2 React Native的特点

1.2.1 其一:Learn Once,Write Anywhere

1.2.2 其二:简单易学的开发语言

1.2.3 其三:接近原生应用的性能和体验

1.2.4 其四:完善的生态系统

1.3 搭建React Native开发环境

1.3.1 安装原生开发工具——Android

1.3.2 安装原生开发工具——iOS

1.3.3 安装Node.js

1.3.4 安装React Native

1.3.5 安装其他辅助工具

1.4 第一个React Native应用

1.4.1 初始化项目

1.4.2 运行项目

1.4.3 调试项目

1.5 小试牛刀——更改React Native项目源码

1.6 小结

第2章 全局解析React Native开发的基础技术

2.1 开发具备的基础知识说明

2.2 Git版本控制工具

2.2.1 安装Git

2.2.2 Git常用命令

2.3 React Native的JSX解决方案

2.4 React Native的Flexbox布局

2.4.1 flexDirection设置组件的排列

2.4.2 flexWrap设置是否换行

2.4.3 justifyContent设置横向排列位置

2.4.4 alignItems设置纵向排列位置

2.4.5 alignSelf设置特定组件的排列

2.4.6 flex设置组件所占空间

2.5 如何调试React Native项目

2.6 实战——设计一个电商App

2.6.1 电商App的模块划分

2.6.2 设计首页布局

2.6.3 实现搜索栏

2.6.4 设计轮播广告

2.6.5 展示商品列表

2.6.6 实现交互功能和状态栏

2.7 小结

第2篇 React Native应用开发实战

第3章 React Native的组件(1)

3.1 创建新的电商App

3.1.1 移植旧电商项目

3.1.2 重构现有的代码

3.2 完善搜索框功能——TextInput组件

3.2.1 搜索提示框

3.2.2 调试搜索结果

3.2.3 优化搜索框样式

3.3 完善轮播广告——Image组件

3.3.1 使用网络图片

3.3.2 使用本地图片

3.3.3 添加指示器组件

3.4 完善商品列表——ListView组件

3.4.1 对图片资源进行重构

3.4.2 重新定义商品模型

3.4.3 商品布局的优化

3.5 拖曳刷新列表——RefreshControl组件

3.6 添加页面跳转功能——Navigator组件

3.7 二级页面的跳转——TouchableOpacity组件

3.8 实现页面间的数据传递

3.9 小结

第4章 React Native的组件(2)

4.1 只支持特定平台的组件

4.1.1 实现多页面分页TabBarIOS/ViewPagerAndroid

4.1.2 加载指示器——ActivityIndicator

4.1.3 地图——MapView

4.1.4 渲染——Picker

4.1.5 选择范围——Slider

4.1.6 开关组件——Switch

4.1.7 打开网页——WebView

4.2 第三方组件

4.2.1 react-native-swiper的使用

4.2.2 NativeBase的使用

4.2.3 NativeBase如何解决跨平台问题

4.3 小结

第5章 原生平台的适配和调试

5.1 iOS平台的适配

5.1.1 Images.xcassets适配

5.1.2 自动布局Auto Layout

5.1.3 Size Class适配

5.2 iOS开发的调试技巧

5.3 Android平台的适配

5.3.1 适配原理

5.3.2 常用的适配属性

5.4 Android平台的调试技巧

5.5 小结

第6章 React Native的服务器端处理

6.1 学习Node.js

6.1.1 什么是Node.js

6.1.2 为什么选择Node.js

6.1.3 安装和使用nvm

6.1.4 Node.js的开发流程

6.2 服务端接口的设计:RESTful

6.3 实现电商App的服务器端接口

6.3.1 Express框架

6.3.2 查询商品接口

6.3.3 新建商品接口

6.3.4 更新商品接口

6.3.5 删除商品接口

6.4 网络前后端交互的原理fetch

6.5 App从服务器获取数据

6.5.1 获取商品信息

6.5.2 更新商品信息

6.5.3 新建商品

6.5.4 删除商品

6.6 App数据的本地化存储

6.6.1 AsyncStorage异步键值存储

6.6.2 SQLite数据库

6.6.3 Realm数据库

6.7 小结

第7章 常用React Native API

7.1 屏幕设置相关API

7.1.1 获取屏幕宽高——Dimensions API

7.1.2 获取屏幕分辨率——PixelRatio API

7.2 动画API

7.2.1 RequestAnimationFrame API帧动画

7.2.2 LayoutAnimation API布局动画

7.2.3 Animated API高级动画

7.3 组件、React Native API、原生平台API

7.3.1 组件和API

7.3.2 API和原生平台API

7.4 实现自己的Platform API

7.4.1 支持iOS平台

7.4.2 支持Android平台

7.5 为应用添加更丰富的API

7.5.1 提示框和编辑框——AlertIOS

7.5.2 前后台状态变化——AppState

7.5.3 Android物理“返回键”——BackAndroid

7.5.4 日期和时间选择器——DatePickerAndroid/TimePickerAndroid

7.5.5 基于位置的Geolocation

7.5.6 键盘事件——Keyboard

7.5.7 设备联网状态——NetInfo

7.5.8 权限设置——PermissionsAndroid

7.5.9 悬浮提示框——ToastAndroid

7.6 小结

第3篇 React Native混合编程

第8章 React Native与原生平台混合编程(1)

8.1 创建并移植项目

8.2 访问设备

8.2.1 访问iOS设备

8.2.2 访问Android设备

8.3 访问相册

8.3.1 读取iOS相册中的图片

8.3.2 读取Android相册中的图片

8.4 React Native与原生平台的通信原理

8.5 React Native平台调用原生页面

8.5.1 React Native平台调用原生iOS页面

8.5.2 React Native平台调用原生Android页面

8.6 原生平台调用React Native组件

8.6.1 iOS平台调用React Native组件

8.6.2 Android平台调用React Native组件

8.7 小结

第9章 React Native与原生平台混合编程(2)

9.1 使用相机拍摄图片

9.1.1 使用iOS相机拍摄

9.1.2 使用Android相机拍摄

9.2 添加图片选择提示框

9.2.1 iOS平台的提示

9.2.2 Android平台的提示

9.3 重构图片选择库

9.3.1 iOS平台的重构

9.3.2 Android平台的重构

9.4 向iOS项目中添加React Native支持

9.4.1 新建iOS项目

9.4.2 新建React Native项目

9.4.3 在iOS页面打开React Native组件

9.5 向Android项目中添加React Native支持

9.5.1 新建Android项目

9.5.2 新建React Native项目

9.5.3 在Android页面打开React Native组件

9.6 小结

第10章 电商App的复盘

10.1 电商App的文件

10.1.1 JavaScript文件

10.1.2 iOS原生代码文件

10.1.3 Android原生代码文件

10.2 电商App的结构

10.2.1 Flexbox的整体布局

10.2.2 应用的逻辑结构

10.2.3 应用的通信过程

10.3 优化和改进

10.3.1 redux是什么

10.3.2 redux代码示例

10.3.3 redux生态

10.4 用到的组件

10.5 小结

第4篇 App的发布和更新

第11章 App的发布

11.1 App Store苹果应用商店

11.1.1 加入开发者计划

11.1.2 生成发布证书

11.1.3 注册App ID

11.1.4 生成描述文件

11.1.5 打包应用

11.1.6 发布到App Store

11.2 Android应用商店

11.2.1 生成签名文件

11.2.2 打包应用

11.2.3 发布到应用商店

11.3 小结

第12章 App的热部署

12.1 什么是热部署

12.2 解析React Native应用的工作原理

12.3 实现React Native的热部署

12.3.1 服务端实现

12.3.2 客户端实现

12.4 微软的热部署方案CodePush

12.4.1 CodePush简介

12.4.2 CodePush安装和注册

12.4.3 集成CodePush SDK

12.4.4 更改iOS应用

12.4.5 更改Android应用

12.5 小结

附录A ES6语法

ReactNative移动开发实战是2017年由机械工业出版社华章分社出版,作者袁林。

得书感谢您对《ReactNative移动开发实战》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
React Native移动开发实战 第3版 电子书
ReactNative是一款当前市面流行的前端跨平台开发框架。近年来,随着大规模重构和优化,ReactNative在性能和兼容性方面得到了大幅度的提升。为帮助广大开发人员快速开展ReactNative应用开发,本书从ReactNative入门、ReactNative开发进阶、热更新和应用打包等方面,以大量实例,系统地介绍了ReactNative知识点。本书还提供了一个影城应用项目以供读者学习、实战
Unity 3D/2D移动开发实战教程 电子书
本书从内容上分为四大模块,涵盖了2D开发、模型创建、3D开发和AR开发。从写法上分为基础和综合,对于基础部分,基于小巧实用的案例讲解知识点,对于知识点的讲解有趣生动。对于综合部分,以完整的项目案例为主线,全面阐述Unity3D的基本操作、资源整理、游戏场景创建、编写游戏脚本、游戏UI制作、各种特效制作、移动平台上的运用等各方面的知识。从整本书来看,基础与综合的比例为4:6,做到理论知识与操作实践结
HTML5 CSS3移动Web开发实战 电子书
本书从跨平台的移动Web开发实际应用的角度阐述了HTML5和CSS3的新元素和新功能,设置了跨平台的网站首页设计、文本新闻浏览网页设计、旅游景点推荐网页设计、商品信息展示网页设计、注册登录与留言网页设计、音乐视频播放网页设计、网页图形绘制与游戏设计、复杂样式与网页特效设计8个教学单元,将HTML5和CSS3的相关知识合理地安排到各个教学单元中。本书优选了55个来自于真实网站或项目的典型教学案例,采
Android 移动应用开发 电子书
本书由浅入深、系统全面地讲解了Android软件开发的基本方法和常用技能。全书分为11章,首先概述Android系统的特点和架构,并带领读者搭建Android开发环境,完成第一个Android程序;第3到10章完整地讲解了Android开发中的各种基本知识和关键技术,包括四大组件、界面布局、UI控件与事件响应、组件通信、广播机制、线程与UI通信、服务、数据存储、网络开发、传感器以及地图的使用等,通
30天App开发从0到1:APICloud移动开发实战 电子书
本书围绕APICloud平台,全面、系统、细致地讲述了App开发的相关内容,涉及平台工作原理、内部实现机制和应用开发技巧。本书涵盖了APICloud应用开发的知识,包括基础知识、关键技术、开发技巧和行业方案,并从实践角度出发,通过大量的实例代码、详细的操作步骤和丰富的开发截图,帮助开发人员迅速掌握APICloud应用开发,有能力制作出好的App。本书是APICloud开发人员的入门指南,并配有免费