React Native 开发指南 PDF 文档

发布于 2024-07-15 15:05:42 字数 4683 浏览 20 评论 0

本书通过丰富的示例和详细的讲解,介绍了 React Native 这款 JavaScript 框架。在 React Native 中利用现有的 JavaScript 和 React 知识,就可以开发和部署功能完备的、真正原生的移动应用,并同时支持 iOS 与 Android 平台。除了框架本身的概念讲解之外,本书还讨论了如何使用第三方库,以及如何编写自己的 Java 或 Objective-C 的 React Native 扩展。

本书适合前端工程师或 Web 开发者,以及希望开发跨平台移动应用的其他开发人员。

本书将介绍 React Native,一款由 Facebook 公司出品的用来构建移动应用的 JavaScript 框架。在 React Native 中利用现有的 JavaScript 和 React 知识,就可以开发和部署功能齐全的、真正原生的移动应用,并同时支持 iOS 与 Android 平台。采用 JavaScript 作为开发语言并不意味着需要退而求其次,相反,React Native 在不牺牲原生样式和体验的前提下,相比传统移动开发仍然有很多优势。

我们将从基础开始学习,然后逐步深入,最终部署一款 100% 代码复用的成熟的移动应用到 iOS 应用商店和 Google Play 商店。除了框架本身的概念讲解之外,我们还将讨论如何使用第三方库,以及如何编写自己的 Java 或 Objective-C 的 React Native 扩展。

目录
前言
第 1 章 初识 React Native
1.1 React Native 的优点
1.1.1 开发者体验
1.1.2 代码复用与知识共享
1.2 风险和缺点
1.3 小结
第 2 章 React Native 工作原理
2.1 React Native 是如何工作的
2.2 渲染周期
2.3 在 React Native 中创建组件
2.3.1 编写视图
2.3.2 使用 JSX
2.3.3 原生组件的样式
2.4 宿主平台接口
2.5 小结
第 3 章 构建你的第一个应用
3.1 搭建环境
3.1.1 安装 React Native
3.1.2 iOS 依赖
3.1.3 Android 依赖
3.2 创建一个新的应用
3.2.1 在 iOS 平台运行 React Native 应用
3.2.2 部署到 iOS 设备
3.2.3 在 Android 平台运行 React Native 应用
3.2.4 小结:创建并运行项目
3.3 探索示例代码
3.3.1 添加组件到视图中
3.3.2 React Native 中的模块导入
3.3.3 FirstProject 组件
3.4 开发天气应用
3.4.1 处理用户输入
3.4.2 展现数据
3.4.3 添加背景图片
3.4.4 从 Web 获取数据
3.4.5 整合
3.5 小结
第 4 章 移动应用组件
4.1 类比 HTML 元素与原生组件
4.1.1 文本组件
4.1.2 图片组件
4.2 处理触摸和手势
4.2.1 使用 TouchableHighlight
4.2.2 GestureResponder 系统
4.2.3 PanResponder
4.3 使用结构化组件
4.3.1 使用 ListView
4.3.2 使用 Navigator
4.3.3 其他结构化组件
4.4 平台特定组件
4.4.1 iOS 或 Android 特定组件
4.4.2 平台特定版本的组件
4.4.3 何时使用平台特定组件
4.5 小结
第 5 章 样式
5.1 声明和操作样式
5.1.1 内联样式
5.1.2 对象样式
5.1.3 使用 Stylesheet.Create
5.1.4 样式拼接
5.2 组织和继承
5.2.1 导出样式对象
5.2.2 样式作为属性传递
5.2.3 复用和共享样式
5.3 定位和设计布局
5.3.1 使用 flexbox 布局
5.3.2 使用绝对定位
5.3.3 学以致用
5.4 小结
第 6 章 平台接口
6.1 使用定位接口
6.1.1 获取用户地理位置
6.1.2 处理权限问题
6.1.3 在 iOS 模拟器上测试定位
6.1.4 监听用户位置
6.1.5 限制
6.1.6 改进天气应用
6.2 使用用户图片与摄像头
6.2.1 相机模块
6.2.2 通过 getPhotoParams 获取图片
6.2.3 从相机渲染一张图片
6.2.4 展示照片列表
6.2.5 上传图片至服务器
6.3 AsyncStore 持久化数据存储
其他存储方式
6.4 智能天气应用
6.4.1 WeatherProject 组件
6.4.2 Forecast 组件
6.4.3 Button 组件
6.4.4 LocationButton 组件
6.4.5 PhotoBackdrop 组件
6.5 小结
第 7 章 模块
7.1 使用 npm 安装 JavaScript 类库
7.2 iOS 原生模块
7.2.1 导入第三方组件
7.2.2 使用视频组件
7.2.3 剖析 Objective-C 原生模块
7.2.4 RCTVideo 的实现
7.3 Android 原生模块
7.3.1 安装第三方组件
7.3.2 剖析 Java 原生模块
7.3.3 LinearGradient 的 Android 实现
7.4 跨平台原生模块
7.5 小结
第 8 章 调试与开发者工具
8.1 JavaScript 调试实践和解释
8.1.1 激活开发者选项
8.1.2 使用 console.log 调试
8.1.3 使用 JavaScript 调试器
8.1.4 使用 React 开发者工具
8.2 React Native 调试工具
8.2.1 使用审查元素功能
8.2.2 宕机红屏
8.3 JavaScript 之外的调试方法
8.3.1 常见的开发环境问题
8.3.2 常见的 Xcode 问题
8.3.3 常见的 Android 问题
8.3.4 React Native 包管理器
8.3.5 部署至 iOS 设备的问题
8.3.6 模拟器行为
8.4 测试代码
8.4.1 使用 Flow 进行类型检查
8.4.2 使用 Jest 进行测试
8.5 当你陷入困境
8.6 小结
第 9 章 学以致用
9.1 闪卡应用
9.1.1 项目结构
9.1.2 组件层次结构
9.2 模型与数据存储
9.2.1 数据流架构:Reflux 与 Flux
9.2.2 在 Zebreto 中使用 Reflux
9.2.3 AsyncStorage 与 Reflux Store 的持久化
9.3 使用 Navigator
9.4 探索第三方依赖
9.5 响应式设计与字体尺寸
9.6 小结及任务
第 10 章 部署至 iOS 应用商店
10.1 准备 Xcode 工程
10.1.1 选择支持的设备和目标 iOS 版本
10.1.2 启动界面图像
10.1.3 添加应用图标
10.1.4 设置 Bundle 名称
10.1.5 更新 AppDelegate.m
10.1.6 为发布设置 Schema
10.2 上传应用
10.2.1 完成协议文书
10.2.2 创建归档
10.2.3 在 iTunes Connect 上创建应用
10.3 使用 TestFlight 进行 Beta 测试
10.4 提交应用审核
10.5 小结
第 11 章 部署 Android 应用
11.1 设置应用图标
11.2 生成 release 版本的 APK
11.3 通过邮件或链接发布
11.4 提交应用至 Play 商店
11.4.1 通过 Play Store 进行 Beta 测试
11.4.2 Play 商店列表
11.4.3 商店列表所需的资源
11.4.4 发布应用
11.5 小结
总结
附录 A ES6 语法
A.1 解构
A.2 导入模块
A.3 函数简写
A.4 箭头函数
A.5 字符串插值
附录 B 命令与快速入门指南
B.1 创建一个新项目
B.2 在 iOS 上运行
iOS 屏幕截图
B.3 在 Android 上运行
Android 屏幕截图
B.4 运行 React Native 包管理器

下载地址:https://www.wenjiangs.com/wp-content/uploads/2024/01/jvrvcA4dnRHDu8n8.zip

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84961 人气
更多

推荐作者

隔纱相望

文章 0 评论 0

昵称有卵用

文章 0 评论 0

梨涡

文章 0 评论 0

蓝咒

文章 0 评论 0

白芷

文章 0 评论 0

樱娆

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文