361 字
2 分钟
rn 入门
入门
react 基础教程不过多说明，这里主要说明 react native 相关的知识。
核心组件和原生组件
React Native 是一个使用 React 和移动平台的原生功能来构建 Android 和 iOS 应用的开源框架。通过 React Native，使用 JavaScript 来访问移动平台的 API，以及使用 React 组件来描述 UI 的外观和行为。
视图与移动开发
在 Android 和 iOS 中，一个视图是 UI 的基本组成部分。
原生组件
在 Android 开发中是使用 Kotlin 或 Java 来编写视图；在 iOS 开发中是使用 Swift 或 Objective-C 来编写视图。在 React Native 中，则使用 React 组件通过 JavaScript 来调用这些视图。在运行时，React Native 为这些组件创建相应的 Android 和 iOS 视图。由于 React Native 组件就是对原生视图的封装，因此使用 React Native 编写的应用外观、感觉和性能与其他任何原生应用一样。
核心组件
| React Native 组件 | Android 原生视图 | iOS 原生视图 | WEB 标签 | 说明 |
|---|---|---|---|---|
<View> | <ViewGroup> | <UIView> | <div> | 支持使用FlexBox布局、样式、事件处理的容器（RN中默认为Flex） |
<Text> | <TextView> | <UITextView> | <p> | 显示、样式和嵌套文本字符串，甚至处理触摸事件 |
<Image> | <ImageView> | <UIImageView> | <img> | 显示不同类型的图片 |
<ScrollView> | <ScrollView> | <UIScrollView> | <div> | 一个通用的滚动容器，可以包含多个组件和视图 |
<TextInput> | <EditText> | <UITextField> | <input type="text"> | 使用户可以输入文本 |
