React Native 资源

一般资源

如何从头开始构建

React-Navigation

使用 refs

形状和动画

如何向 Android 和 iOS 添加启动画面

如何创建轮播滑块

捏合缩放效果

使用 Context API 管理状态

异步存储

管理线下行为

视频

响应能力和适应平板电脑

占位符

推送通知

深度链接

Android 配置细节：

字体：

这是我在使用 React Native 构建应用时发现的一些有用资源的列表。其中一些是面向初学者的教程，还有一些有助于在开发过程中排除故障。我标注了文章的日期，通常 2017 年之前的文章已经不再适用，但 2016 年的一些内容仍然保留了下来。希望你们也能从中受益。

注意：这不是我在 React-Native 上找到的随机文章的集合，而是我在项目中测试和使用过的内容的列表，所以我可以保证其中大部分内容在 0.53 到 0.57 版本中有效，这是我撰写这篇文章时的最新版本。

所有这些链接都是针对不使用 Expo 完成的项目，也就是说，使用了 Expo

react-native init

命令。我想说 Expo 是一个很好的入门工具，但最终，如果你正在开发一个更专业的、超出学习目的的应用程序，你还是得放弃它。

我强烈建议您在开始实现应用之前，先清晰地了解它所需的功能（理想情况下，事情就是这样做的），因为如果您没有以适当的方式构建项目，某些功能将很难实现。我尝试在项目最后添加深层链接，并因此吸取了惨痛的教训。现在的任务远比我从一开始就考虑到这一点要困难得多。

如果你还有其他好的免费资源，请在评论区告诉我。尽情享用吧！

一般资源

• 25 个 React Native 教程 （2018 年 3 月）

• React Native 培训 @Medium （正在进行）

• React Native 教练 @Medium （正在进行）

• 很棒的 React Native （正在进行）

如何从头开始构建

• 如何在 React Native 中构建新闻应用程序（2018 年 4 月）：链接

• React Native 训练营（2018 年 8 月）这个由Tyler McGinnies主讲的 6 小时训练营将帮助你快速上手 React Native，其中包括如何设置 Android 和 iOS 平台以及如何链接库。训练营视频 1 -训练营视频 2 -训练营视频 3 - Github 仓库

React-Navigation

其中一些文章使用了已弃用的库，但如果您仅替换导航器名称，它们仍然有用。（使用 createStackNavigator 而不是 StackNavigator 等等......）

• 如何使用 React Navigation 进行正确导航 （2018 年 2 月）作者：Shovon

• 在 React-navigation 中向元素添加徽章。Link1 - Link2 - Link3

• 处理 React Navigation v1 中的 Tab 更改 （2018 年 2 月）作者：Andrei Pfeiffer

• 处理 React Navigation v2 中的 Tab 更改 （2018 年 7 月）作者：Andrei Pfeiffer

使用 refs

• React Forms：使用 Refs （2017 年 5 月）

形状和动画

• 如何使用 React Native 自己的 CSS 版本绘制形状。React Native 的形状

• Lottie是 React Native 的包装器，可让您将 Adob​​e After Effects 动画导出到 React Native。

• 在 React Native 中使用动画展开和折叠元素

如何向 Android 和 iOS 添加启动画面

• 如何向 React Native 应用（iOS 和 Android）添加启动画面，作者：Spencer Carli （2018 年 2 月）

如何创建轮播滑块

• 如何在 React Native 中创建 ScrollView 进度指示器（作者：Michael Leung）

• Mike Heavers在 React Native 中自定义滚动轮播（2017 年 5 月）

• React Native Zoom Carousel，作者 Mike Heavers （2017 年 6 月）

• Binoy Patel在 React Native 中实现的简单轮播（2017 年 7 月）

捏合缩放效果

• React Native 在图像上应用捏合缩放效果 iOS Android 示例教程 （2018 年 2 月）

使用 Context API 管理状态

• 使用新的 React context API 替换 Redux （2018 年 2 月）

异步存储

• 使用 AsyncStorage 保存对象 （2018 年 2 月）作者：Luis Bajaña

管理线下行为

• React Native 中的离线通知 （2017 年 12 月）作者：Chiamaka Nwolisa

• 构建离线第一个 React Native 应用程序 （2016 年 11 月），作者：Spencer Carli。

• Spencer Carli 撰写的《在 React Native 中处理离线操作》（2016 年 12 月） 。

视频

• React Native 应用中的视频流 (2018 年 8 月)作者：Adhithi Ravichandran

响应能力和适应平板电脑

• 扩展适用于平板电脑的 React Native 应用 （2018 年 5 月）作者：Akshay Kadam

占位符

• 使用 React 实现骨架加载 （2017 年 6 月）

• rn-占位符

推送通知

• 如何使用 OneSignal 设置推送通知 （2018 年 4 月），作者：Spencer Carli。

• 如何设置 React Native 和 OneSignal （2018 年 4 月），作者：Endre Vegh。

深度链接

• Ihor Burlachenko 撰写的《使用 React Native 进行深度链接》（2017 年 2 月） 。

• 处理 React Native 应用中的深层链接 （2018 年 1 月），作者：Artsiom Staratsitarau。

Android 配置细节：

• 作为 React Native 开发人员需要了解的有关 Android 的 3 件事 （2018 年 3 月），作者：Adam @ Desmart。
• 选择您的 compileSdkVersion、minSdkVersion 和 targetSdkVersion 2016，作者：Ian Lake。

字体：

• 如何在 iOS 和 Android 中安装自定义字体（2017 年 6 月）：React Native 自定义字体，作者 Dave Hudson。

• 在 React Native 中加载自定义字体的最简单方法（2017 年 7 月） 链接，作者：Fullsour。

• 在 React Native 中使用自定义字体的终极指南（2019 年 1 月）：自定义字体，作者：Mehran Khan。