当前 RN 版本：0.48
操作环境：Windows 10

前言

最近大概学习了一个月的 React Native 了，算是有了不少的收获。一开始觉得很难，但是代码敲多了，觉得入门还是很简单的。由于我是一名 Android 开发者，所以我就站在自己的角度，给想接触 React Native 的 Android 开发者一些建议。

学习建议

需要用到的知识点

• JavaScript
• ES6
• JSX
• React
• FlexBox
@H_403_26@

-
看到这么多知识点，你可能觉得很难。不要担心，以上这些，我之前也都没接触过。一开始我打算先看它们的语法，看了两天果断放弃了，开始跟着视频 coding 。

不会 js ？没有关系。Keeping coding，代码敲多了，你会发现它和 Java 很相似，而且比 Java 更简洁，上手会很快。没听过 JSX ？也没有关系。它不过是在 js 里面嵌入了 XML ，作为 Android 开发者，XML 总该懂吧。不会 React ？当然也没有关系。不过是用到了一些语法，coding 多了，自然也就了解了。而 FlexBox 就更简单了，个人感觉，比 XML 布局还要简单一些。说了这么多，总结一点就是 Keeping Coding，不要被你没接触过的东西吓到。

推荐视频

• （免费）React Native 零基础入门到项目实战
@H_403_26@

这也是我看的第一个视频，第一部分介绍 React，第二部分介绍 React Native，看完这两个部分就可以了。不过由于视频是用 ES5 语法写的，写的过程中我也遇到了很多坑，不过最后都一一解决了，还是很有成就感的。第三部分属于项目实战，我选择了忽略，而是去看了下面推荐的 GitHub 项目实战视频。

• （免费）React Native 基础与入门
@H_403_26@

这也是我看的第二个视频，用 ES6 语法讲解 React Native 的基础，也是通过这个视频，让我解决了上面留下的坑。视频质量很高，可以说是上一个视频的补充和巩固。

• （付费）React Native 开发跨平台 GitHub App
@H_403_26@

这是第二个视频作者推出的一个付费视频，我目前正在学习这个，大概学习了一半，收获很多，成就感满满。不过比较遗憾的是价钱有些稍贵了。

这里提个醒，以上三个视频都用到了 Navigator 这个组件，由于这个组件已经被官方抛弃了，所以要自行安装：

yarn add react-native-deprecated-custom-components

然后在文件中导入：

import { Navigator } from 'react-native-deprecated-custom-components'

这样才能使用这个组件。导入的时候大括号一定要加上，我一开始没有加大括号，导致项目报错，浪费了好多时间。关于为什么要加上大括号，学习的过程中你就会明白了。

• （付费）React Native + Redux 实战宝典视频课程
@H_403_26@

这个视频我还没有看，但是看了下目录，感觉还是不错的。讲到了 Redux，据说是个很厉害的东西。并且基于当前最新的 0.48 版本，很不错，还有就是价格实惠。我打算写过 GitHub 的项目就来学习这个，一方面巩固基础，另一方面拓展知识。

相关网站

• React Native 中文网
@H_403_26@

组件、api 文档等都可以在这里找到，讨论区也比较友好，我的第一个坑就是在这里解决的。

• JavaScript 指南
@H_403_26@

js 的 api 文档，coding 中用到 js 的各种方法等，可以到这里来查看。这个网站给我的第一印象是，好看！

• ECMAScript 6 入门
@H_403_26@

ES6 的语法，即便你能写了，可能也不太理解，可以到这里查看。通读一遍没有什么意义，用到了再来看。

• React 教程
@H_403_26@

东西不是很多，看上面的第一个视频也就足够了。

• FlexBox 弹性盒子
@H_403_26@

FlexBox 的详细介绍，当然了，React Native 中文网里面也有相关介绍。

• React Native 研究与实践
@H_403_26@

第三个视频作者总结的相关学习资料，还有他自己写的博客，推荐一下。

巩固与提升

写完了一两个项目，就要巩固基础，差缺补漏，只有基础扎实了，才有提升的资本。而提升的方法就是多学多练，见得多了，收获的自然也就多了。

总结

对于 Android 开发者来说，React Native 的入门还是比较容易的。但是要熟练的掌握和使用，就要 Keep Learning & Keep Coding。