React Native 中文网

欢迎开启 React Native 的旅程！如果你在找如何搭建环境的文档，请移步搭建开发环境。 继续往下阅读可了解关于文档结构、原生组件、React等相关的一些介绍。

许多不同类型的人都在使用 React Native：从高级 iOS 开发人员到 React 初学者，再到职业生涯中第一次开始编程的人。这些文档是为所有学习者编写的，无论他们的经验水平或背景如何。

如何使用本站文档#

你可以从这里开始，像看书一样线性阅读这些文档；也可以阅读你需要的特定部分。已经熟悉 React 了吗？你可以跳过该部分--或者阅读它来进行简单的复习。

预备知识#

要使用 React Native，你需要对 JavaScript 基础知识有所了解。如果你是 JavaScript 新手或需要复习，你可以在 MDN 上深入学习或复习一下。

虽然我们尽最大努力假设读者在这之前没有太多 React、Android 或 iOS 开发的知识，但对于有抱负的 React Native 开发者来说，这些都是有价值的学习主题。我们会尽可能地提供深入了解的相关文章链接。

交互示例#

文档中时常会附有一些可以直接在浏览器中运行的交互示例，例如：

上面的示例使用了一个叫做 Snack Player 的工具（我们也会用“沙盒环境”代指）。这是由 Expo 公司提供的专门用于演示、学习 React Native 的交互工具。它集成了 react-native-web 兼容层，会尽可能把 React Native 的代码转化为兼容的网页来运行（当然会有无法转化的情况，那种情况下则必须使用模拟器或者手机来运行）。上面的代码可以直接修改和运行，所以你可以在里面直接练习。试着改下上面示例中的文字看看效果吧！

沙盒环境通常只用于简单的演示、学习项目，它无法添加新的原生模块。所以对于正式的项目，我们建议搭建完整的原生环境 。上面的代码你也可以直接复制粘贴到完整项目的App.js文件中来运行。

函数式组件与 Class 组件#

你可以在 React 中使用函数式组件或 Class 组件。最开始只有 Class 组件能够使用 state ，但自从有了 React Hooks API, 你可以为函数组件添加 state 和很多其它的功能。

Hooks API 是 React Native 0.59 提供的新特性, Hooks 是一种面向未来的编写 React 组件的方式，因此我们在本文档中优先使用函数组件，你也可以点击“Class 组件”切换到 Class 组件代码：

给开发者的提示#

学习 React Native 的开发者拥有不同的开发背景，你或许有很多技术经验，包括 Android、iOS 等等，我们在编写文档的时候努力照顾到具有不同知识背景的开发者，有些时候我们会专门针对特定的平台提供特定的讲解:

特殊格式#

我们使用粗体字来描述菜单路径，使用“>”符号连接子菜单，比如： Android Studio > Preferences

现在让我们开始学习 React Native 的基础知识 核心组件与原生组件.