核心组件和原生组件
React Native 是一个开源框架，用于使用 React 和应用平台的原生功能构建 Android 和 iOS 应用程序。使用 React Native，您可以使用 JavaScript 访问平台的 API，并使用 React 组件（可重用、可嵌套代码的集合）来描述 UI 的外观和行为。您可以在下一节中了解更多关于 React 的信息。但首先，让我们了解一下 React Native 中组件的工作原理。
视图和移动开发
在 Android 和 iOS 开发中，**视图**是 UI 的基本构建块：屏幕上一个小的矩形元素，可用于显示文本、图像或响应用户输入。即使是应用中最小的视觉元素，例如一行文本或一个按钮，也都是某种视图。某些类型的视图可以包含其他视图。一直都是视图！
原生组件
在 Android 开发中，您使用 Kotlin 或 Java 编写视图；在 iOS 开发中，您使用 Swift 或 Objective-C。使用 React Native，您可以使用 React 组件通过 JavaScript 调用这些视图。在运行时，React Native 为这些组件创建相应的 Android 和 iOS 视图。由于 React Native 组件以与 Android 和 iOS 相同的视图为后盾，因此 React Native 应用的外观、感觉和性能与任何其他应用一样。我们将这些平台支持的组件称为**原生组件**。
React Native 带有一组必不可少的、随时可用的原生组件，您可以使用它们立即开始构建您的应用。这些是 React Native 的**核心组件**。
此文档引用了一组旧版 API，需要更新以反映新架构
React Native 还允许您为 Android 和 iOS 构建自己的原生组件以满足您的应用的独特需求。我们还有一个蓬勃发展的这些**社区贡献组件**生态系统。查看 原生目录 以了解社区一直在创建的内容。
核心组件
React Native 拥有许多核心组件，涵盖从控件到活动指示器等各种功能。您可以在 API 部分的文档 中找到所有这些组件。您将主要使用以下核心组件
| React Native UI 组件 | Android 视图 | iOS 视图 | Web 等效项 | 描述 |
|---|---|---|---|---|
<View> | <ViewGroup> | <UIView> | 一个非滚动 <div> | 一个支持 Flexbox 布局、样式、一些触摸处理和辅助功能控件的容器 |
<Text> | <TextView> | <UITextView> | <p> | 显示、设置样式和嵌套文本字符串，甚至处理触摸事件 |
<Image> | <ImageView> | <UIImageView> | <img> | 显示不同类型的图像 |
<ScrollView> | <ScrollView> | <UIScrollView> | <div> | 一个通用的滚动容器，可以包含多个组件和视图 |
<TextInput> | <EditText> | <UITextField> | <input type="text"> | 允许用户输入文本 |
在下一节中，您将开始组合这些核心组件以了解 React 的工作原理。现在就开始尝试使用它们吧！
由于 React Native 使用与 React 组件相同的 API 结构，因此您需要了解 React 组件 API 才能入门。下一节 对此主题进行了快速介绍或复习。但是，如果您已经熟悉 React，可以随意 跳过。
